Добрый день.
Есть n-количество элементов div в родительском элементе div с высотой, скажем 600px.
Как мне с помощью css разместить дочерние элементы по одинаковой высоте?
Спасибо.
1 ответ
Или вы что-то недосказали, или я действительно не вижу проблемы:
- Делаем с помощью float
- С помощью inline-block. Дочерние блоки - резиновые по ширине
- Аналогично второму пункту, но резиновые и по ширине, и по высоте с ограничением "max-height: 600px;"
- Аналогично третьему пункту, но с использованием свойств: display: table и table-cell;
-
Дело в том,что здесь указывается по 33% на 3 элемента. А я на момент разметки не знаю, сколько элементов будет в родительским div. Хочется что б высота делилась поровну на количество элементов 26 сен 2014 в 5:25
-
1@Роман Ракзин, проценты только для примера, [можно обойтись и без них][1]. Но судя по последнему предложения, я так понимаю, что вы хотите разместить элементы по вертикали и разделить высоту "родителя" поровну на все дочерние? Если именно такой вариант вам нужен, то можно использовать flexbox. [Смотрите пример][2]. [1]:jsfiddle.net/Deonis/m33zfgac/6 [2]:jsfiddle.net/Deonis/m33zfgac/7– Deonis26 сен 2014 в 9:46
-