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



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

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



Вкусные рецепты: Маринованный салат-закуска из перцев и грибов, Пирог к чаю "Мармеладный", Салат-закуска "В шляпе"

Вкусные рецепты: Маринованный салат-закуска из перце...

Маринованный салат-закуска из перцев и грибовГрибы крупно нарезать Лук нарезать крупными перьями Чеснок разрезать на половинки В сковороду налить 150 мл масла,всыпать ч л соли,положить 2 лавровых лист...
Что необходимо соблюдать, чтобы ваш паркет служил вам долгое время

Что необходимо соблюдать, чтобы ваш паркет служил ва...

Паркетное покрытие в понимании некоторых жителей Российской Федерации обычно соотносится с посредственным и потёртым полом допотопных характерных квартирок социалистической эпохи. Данное покрытие обус...
Выращивание лука-порея

Выращивание лука-порея

Сегодня МирСоветов расскажет о том, как выращивать на даче ещё одно полезное для здоровья растение – лук-порей. Его рекомендуется включать в повседневное питание страдающим ревматизмом, мочекаменной б...
Услуги такси в современном городе

Услуги такси в современном городе

Некоторые скептики утверждают, что автомобилей такси стало очень много и они только усложняют ситуацию на дорогах, увеличивают количество пробок. Что в настоящее время почти все имеют личный автомобил...
Празднуем День филолога. Каким блюдом уважить себя и коллег?

Празднуем День филолога. Каким блюдом уважить себя и...

Сегодня для некоторых из нас знаменательный день: праздник всех, кто так или иначе связан с наукой филологией. А наука филология неразрывно связана с искусством. Это и поэзия, и проза, и захватывающи...
Как защитить зрение от влияния монитора

Как защитить зрение от влияния монитора

Любые устройства для отображения визуальной информации наносят вред человеческим глазам. Представить нашу современную жизнь без телевизора или компьютера сейчас уже невозможно. Остается только один вы...
Стоит прочесть

Как спасти жизнь с помощью SMS?

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

Компания Литосфера предоставляет услуги по установ

Любой владелец загородного дома сталкивается с такими проблемами, как необходимость бурения скважин,...

О фильме

Я не могу ничего с собой поделать, но я любитель жёстких остросоциальных и психологических драм, поэ...

Вкусные рецепты: Торт "Метеорит", Густой

Торт "Метеорит"Начнем с выпечки миндальных коржей. Я выпекала каждый отдельно,потому что один будет ...

Для чего пишутся стихи? Для рифмы!

Порой поэтам указывают на какую-нибудь строку: «Для рифмы написал». Думают, укололи. А в...

Чем манит туристов Швейцария?

Как известно, Швейцария — горная страна в Западной Европе. Ежегодно ее посещают несколько...

Инновационные материалы и технологии в строительст

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

Мои первые шаги по заработку в Интернете

Это был пасмурный вечер, неторопливо шел дождь, постукивая по окну, а баланс телефона сообщал, что н...

Цены на анализ крови. Обеспечение здоровья организ

Для нынешнего гражданина самой значительной и постоянной ценностью, без сомнения, оказывается здоров...

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

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



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

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

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