Top.Mail.Ru
Ответы

Как поставить несколько div в ряд? Как поставить несколько div в ряд?

По дате
По рейтингу
Аватар пользователя
Знаток
11лет

свойство display : inline-block
либо float:left, float:right

Аватар пользователя
Мастер
11лет

А можно и без float: left или right или display: inline-block;
Просто написать display: table-cell;
Так как в display: inline-block; появятся отступы геморные, а флоат уберет нижнюю границу, прийдется дописывать границу подгрузки.

Аватар пользователя
Ученик
11лет

float: left или right

Аватар пользователя
Просветленный
11лет

https://jsfiddle.net/atlanta/1p36otm5/ вот так - но самое важное что бы блоки помещались в нужном блоке и для этого используй правило css - их можно уместить не ограниченное кол-во

Аватар пользователя
Гуру
11лет

.class_name {
witdh: 25%;
float left;
}
< div class="class_name">что-то тут< /div>
< div class="class_name">что-то тут< /div> // без пробелов
< div class="class_name">что-то тут< /div>
< div class="class_name">что-то тут< /div>

итог: 4 бокса в ряд.



Видео по теме