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



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

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



Топинамбур

Топинамбур

Подсолнечник клубненосный, топинамбур, или земляная груша (Helianthus tuberosus L. род Подсолнечник семейство Астровые) – крупнотравное поликарпическое растение, живущее ряд лет за счет зимующих в поч...
Вкусные рецепты: Блинчики с грибным паштетом в ореховой панировке, Тонкий морковный кекс с орешками, Маринованный сладкий перец

Вкусные рецепты: Блинчики с грибным паштетом в орехо...

Блинчики с грибным паштетом в ореховой панировкеГотовила вчера по рецепту antonov-081971 , не могла удержаться когда увидела такие вкуснячие блинчики. Я немного упростила себе работу и тушила овощи вс...
Укладка щитового паркета

Укладка щитового паркета

Паркетные щиты могут укладываться на основание двумя способами: жестко — с помощью клея, клея и гвоздей — и «плавающим» способом, когда между щитами и основанием прокладывают специальную влаго- и звук...
Уникальные архитектурные элементы и их назначение в строительстве.

Уникальные архитектурные элементы и их назначение в ...

Сегодня элементов архитектуры уже создано масса. Используют их в отделке построенного сооружения и для внутреннего интерьера. Некоторые из них являются лишь визуальным элементом декора или украшением,...
Свежая кожа лягушки и сушеные сверчки - неужели этим лечат?

Свежая кожа лягушки и сушеные сверчки - неужели этим...

Издревле целители всего мира использовали дары природы для облегчения страданий человека. Существуют целые тома справочников лекарственных растений. Но, оказывается, в разных уголках мира готовят лека...
В День домового: как правильно пригласить «сверчкового заступника» и зачем?

В День домового: как правильно пригласить «сверчково...

Кто следит за порядком и атмосферой в доме, защищает жилище от пожара и других неприятностей? Конечно же, домовой! По древним славянским поверьям домовой — это наш далекий предок, кото...
Самое интересное

Какие часы выбрать: на ремешке или браслете?

О том, как выбирать часы, написано много статей и всевозможных книг. Сегодня мы хотим поговорить про...

Визитка. Инструкция по применению

Еще 25 лет назад в нашей стране визитки имели преимущественно высокопоставленные чиновники из парти...

Копенгаген: где прогуляться? Часть 2

Можно и дальше пройти город, причем достаточно быстро, управившись за 2−3 дня. Но, даже просто...

Болливуд- индийский Голливуд. Герои и легенды.

Болливуд- знаменитая на весь мир «индийская фабрика грез», где ежегодно снимается и выходит в прокат...

Азбука воспитания детей. 3 важных правила.

Я уже писал о главном правиле воспитания: подпитывайте самоуважение вашего ребенка. Вот еще три прав...

Что такое орторексия? История вопроса

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

Прутиковые массажеры для головы и тела

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

Преимущества обучения по видеокурсам

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

Открытие психоанализа

Немного истории: З.Фрейд получил степень врача в Венском Университете, а затем степень приват-до...

Укладка напольного покрытия

Если вы все же решили доверить укладку паркета специалистам, ознакомьтесь со следующими страницами. ...



О портале:

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

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