Равноудаленные элементы в CSS

Добрый день! Сегодня хотел бы поговорить о реализации равноудаленных элементов с помощью css. Часто на блогах вижу горизонтальную полоску, в которой размещаются равноудалено блоки. Обычно – анонсы на предыдущим статьи или маленькая реклама. Для начала давайте разместим равноудалено 4 картинки. Для начала создадим блок, в который поместим 4 картинки, я размещу одинаковые картинки. !> В данном случае мы создали контейнер, и пропишем css стили для данного блока #main text-align:justify #main span display:inline-block; width:100%; С изображениями получилось) Давайте разберемся в коде. “Зачем, тут span”- спросите Вы. Мой ответ – “Получается span “ложится” под картинками и благодаря этому картинки не разваливаются”. Теперь давайте разберемся, как можно сделать 4 равноудаленных блока. Как всегда, для начала создадим контейнер, в который вложим 4 блока. Блок 1

Блок 2

Блок 3

Блок 4

!> Думаю, тут сложного ничего нету. Теперь пропишем css свойства #container text-align: justify; text-justify:newspaper; width:100% #include display:-moz-inline-box; display:inline-block; vertical-align:top; text-align:left; width:100px; height:100px; background:black; #textdisplay:-moz-inline-box; display:inline-block; width:100%; Всё хорошо отображается, можно изменить количество блоков. В данной статье, я вам показал как сделать равноудаленные элементы, используя css стили. Надеюсь, статья была полезная. С уважением,cava! www. cavablog. pp. ua/web-texnologii/ravnoudalennye-elementy-css/
22:01 24.03.2017



Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Игра с собой

Игра с собой

Нам уже давно известно, что многие женщины занимаются мастурбацией, многие даже больше предпочитают этот метод сексу с партнером. И немудрено, ведь наедине с собой можно делать все, что угодно, можно ...
Ризография, или как размножаются документы

Ризография, или как размножаются документы

Ризография – это печать на специальных печатных машинах – дупликаторах или ризографах.   Принцип ризографии – это что-то среднее между офсетом и трафаретной печатью. При ризографии используетс...
Вкусные рецепты: рыба теляпия под сметанным соусом, запеченое мясо, Tikvennii tort

Вкусные рецепты: рыба теляпия под сметанным соусом, ...

рыба теляпия под сметанным соусомостатки укропа,петрушки и базилика мелко порезала, добавила чеснок,оливковое масло и белый бальзамический уксус. филе телапии разрезано пополам,внутрь была уложена эта...
«Мечтать не вредно!», или Почему не сбываются мечты?

«Мечтать не вредно!», или Почему не сбываются мечты?

Пользователи социальных сетей часто ставят в статус высказывание: «Всё сбудется, стоит только расхотеть». Из этой же серии — саркастическая усмешка, которая была ещё на уст...
Дебиторская задолженность: что же с ней делать?

Дебиторская задолженность: что же с ней делать?

Это очень частый вопрос, который мне задают. И он настолько «горячий», что я не буду плести вокруг него красивые речевые обороты и метафоры, а просто расскажу, какие действия следует предп...
Информационная литература: откуда можно взять информацию по социологии?

Информационная литература: откуда можно взять информ...

Ученикам требуется постоянно искать большое количество информации для домашнего задания. Педагоги задают уроки и не задумываются откуда студентам взять информацию. Сами учащиеся в следствие этого нахо...
Читаемые

Как победить болезнь с помощью животных?

Сегодня мало кто из медиков станет сомневаться в эффективности лечения с помощью животных (анимотера...

Жимолость, посадка и уход

Ещё 30 лет назад жимолость была редким, малораспространённым растением в садах средней полосы России...

Illuminares flash-game

Локализатор: GGMedia Статус: ОБТ Жанр: MMORPG Официальный сайт игры: http://il. ggmedia. ru Официа...

Вкусные рецепты: Шоко-шашки, Рулеты из рыбы и цукк

Шоко-шашкиТо, что нам понадобится.... Формочку для шоко-шашек поставить в морозильник, а тем времене...

Китайская копия NOKIA 8800 Carbon Arte

Если кто-то скажет что не знаком с телефонами Nokia, то я не поверю. Таковых людей найдется немного,...

Куда ведет Ижорская военная дорога? Путешествие пе

Если бы мы почти сто лет назад в 1913 году захотели прокатиться по только что построенной Ижорс...

Чем знаменит Всеслав Чародей?

В 1001 году на престол Полоцкого княжества взошел Брачислав Изяславович. Долго княжил Брачислав, оде...

Дебиторская задолженность: что же с ней делать?

Это очень частый вопрос, который мне задают. И он настолько «горячий», что я не буду пле...

Как был написан первый норвежский поп-хит «Take On

Когда я готовил эту статью, то ненароком спросил свою жену — а помнит ли она песенку...

Чем отличается одиночество мужчины от одиночества

Прежде чем рассуждать о том, чем отличается мужское одиночество от женского, поговорим в целом о жен...



О информационном портале:

Наш портал является ресурсом, который включает в себя обширный список полезных и отличных статей. Каждый посетитель найдет для себя что-нибудь полезное. Адаптированный дизайн позволяет вам максимально быстро находить необходимую информацию. Самые разнообразные тематические статьи дают возможность вам совершенствоваться в той или иной сфере. Быть более начитанным и грамотным. Современный дизайн сайта позволяет просматривать статьи на всех существующих планшетах. Теперь отыскать нужную информацию стало совершенно легко.

Мы собрали для вас познавательные и отличные статьи. На нашем сайте вы отыщите ответы на необходимые для вас вопросы. Простая система поиска дает возможность вам не тратя время отыскать нужную информацию. Адаптированный дизайн позволяет вам просматривать информацию на абсолютно любых электронных устройствах. Отныне, поиск требуемой информации будет занимать у вас считанные секунды.