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



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

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



Как победить депрессию? Унылая, пора!

Как победить депрессию? Унылая, пора!

Окружающая повседневная обстановка, в которой живет современный человек, сама по себе располагает к тому, что стрессы и нервные расстройства ежедневно атакуют человеческий мозг. Это и переживания по л...
Как приобрести недвижимость в Германии?

Как приобрести недвижимость в Германии?

Ни для кого не секрет, что по ряду причин инвестиции в недвижимость — одни из самых привлекательных во всем мире. Особую категорию составляет такой интересный вид недвижимости, как доходные...
Хватит ли 256Мб ОЗУ для мультизадачности смартфона Nokia N8?

Хватит ли 256Мб ОЗУ для мультизадачности смартфона N...

Пользователи телефона iPhone радуются, потому, что у них появилась многозадачность. Пользователи Nokia тоже уже смогут сделать это, правда с определенными ограничениями. Управление слишком большим кол...
Зависит ли качество секса от возраста проститутки

Зависит ли качество секса от возраста проститутки

У каждого мужчины есть свои особенные предпочтения в сексе, о которых он может говорить открыто или держать их втайне. Если желанные виды интима являются слишком экзотичными, настолько, что жена или п...
Что мы знаем о растениях - знаках цветочного гороскопа? Тюльпан.

Что мы знаем о растениях - знаках цветочного гороско...

Подходит к концу первый летний месяц июнь. Очередной лидер цветочного гороскопа — удачливый Тюльпан, «правящий миром» с 22 июня до 1 июля. Тюльпаны — везун...
Вкусные рецепты: Салат "Морской", Печеный перец с рикоттой,слабосолёным лососем и красной икрой, Сырная запеканка с помидорами и ветчиной

Вкусные рецепты: Салат "Морской", Печеный ...

Салат "Морской"Кальмары почистить, на 3-4 минуты опустить в кипящую, соленую воду. Затем сполоснуть, очищая остатки кожицы. Нарезать поперек волокон некрупными полосками. Крабовые палочки нарезать сол...
Стоит прочесть

Как словить крупного карпа: какую прикормку выбрат

В первую очередь, рыбалка - это превосходный отдых. Вдвойне приятно, если рыбная ловля становится не...

Беретта 92. Кому передал армейскую эстафету пистол

Хороший пистолет «Кольт 1911». Простой, надёжный, крупнокалиберный. Служил он в армии СШ...

Главный вопрос семейной жизни

Главный вопрос семейной жизни — это вопрос о власти. Как будем жить, что у нас в семье — и кому — мо...

Автоматизация бизнеса

    В наши дни ведение бизнеса связано с обработкой огромного количества информации. Это может быть ...

Женщина за сорок: хочет ли она замуж?

С уравниванием зарплаты женщин и мужчин, при почти поголовной женской занятости, с увеличением числа...

Симптомы и лечение перитонита

С каждым годом современная медицина наращивает обороты: делаются научные открытия, создаются новые т...

Платное «бесплатное» образование, или Во сколько о

Вот и подошел еще один учебный год к концу. Впереди долгожданное лето, солнце, море… Однако в...

Какие растения-инсектициды помогут бороться с вред

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

Куда можно поехать в Техасе? Загадочное озеро Кадд

История озера Каддо интересна и таинственна, множество загадок окружают его и поныне. Теперь давайте...

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

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



О портале:

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

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