Равноудаленные элементы в 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/
15:19 14.12.2016



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

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



Как заработать в интернете много денег

Как заработать в интернете много денег

Как заработать в интернете много денегАвтор: KOCA4EB Вы решили заработать в интернете, но не знаете как? Мы расскажем вам об этом. Надеемся, наша информация поможет вам найти свой заработок в интер...
Котельное оборудование

Котельное оборудование

Как правильно выбирать котельное оборудование? Есть несколько важных критериев выбора котельного оборудования, на которые стоит особо обратить внимание: - мощность котла; - вид топлива; - нужно ли Ва...
10 Причин почему люди не покупают у вас

10 Причин почему люди не покупают у вас

1. Вы не делаете так, чтобы люди чувствовали себя в безопасности, когда они заказывают товар. Напомните клиентам, что они проводят свои платежи через безопасный сервер. Говорите им, что Вы никому нико...
Час пик наружной рекламы

Час пик наружной рекламы

У каждого в этой жизни есть свое место, главное – уметь его найти. Это утверждение особенно верно, если речь идет о наружной рекламе. Какой перекресток лучше выбрать для рекламной растяжки? В каком ра...
Откуда появился мат и что означает крепкое словцо?

Откуда появился мат и что означает крепкое словцо?

И какой же русский не выражается крепким словцом? И это правда! Более того, многие матерные слова переведены на иностранные языки, но интересно то, что полноценных аналогов русскому мату в иностр...
Офисные перегородки: способ организации офисного пространства без дорогого ремонта

Офисные перегородки: способ организации офисного про...

В качестве такого разделителя могут выступать вполне иллюзорные предметы - цветок в вазе или узор на полу, - когда необходимо, например, обозначить границы рабочих зон тех сотрудников, которые должны ...
Стоит прочесть

От чего зависит успех?

Детский сад, школа, ВУЗ, работа – такой путь уготовлен государством для человека. И конечная цель об...

Обойные работы, назначение и виды обоев

В стране по-прежнему самым распространенным материалом для отдел-Ки внутренних помещений являются об...

Полезные свойства артишока

Сегодня небывалую популярность набирает нетрадиционная медицина. Все больше и больше людей доверяет ...

Почему «Правое дело» в России должно быть левым?

В России появилась новая политическая сила — партия правых, возглавляемая и финансируемая...

Русская музыка: какой она была? Забытые имена

Почему-то она всегда была не в фаворе — русская музыка «до Глинки». Можно вос...

Вкусные рецепты: Сырно-грибной суп, тирамису шокол

Сырно-грибной супГрибы помыть, почистить и нарезать пластинами. Лук почистить и нарезать мелкими куб...

Комедии, как жанр фильма

Смех- преобладающий элемент в жанре комедия, который реализуется на экране различными способами, соб...

Почему до сих пор существуют гадалки? Метод Хосе С

Почему до сих пор существуют гадалки? Почему люди настойчиво хотят знать свое будущее? Как ведуньи и...

Чистоту определяет грязезащита

Когда мы задумываемся о том, как же нам лучше всего поддерживать чистоту в наших помещениях, то скор...

Как изменил нашу жизнь Интернет?

В середине 90-х годов прошлого столетия подавляющее большинство населения нашей страны не имело ни м...



О портале:

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

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