2013-03-06 2 views
0

Хорошо, у меня есть две строки из тех же разделов класса на разных страницах. На странице 1 есть одна строка с достаточным количеством текста, и настройки размера для нее отлично работают. На странице 2 текст в div больше, но размер слишком велик.Автоматическое изменение размера Разные линейные divs

То, что я хочу достичь, состоит в том, что для 3-х разделов на странице 1 есть правильные настройки высоты тона, но я хочу, чтобы на вкладках divs на более короткой высоте. Единственная проблема заключается в том, что это должно быть выполнено в пределах одного класса Css (родительскийбратьев и сестер).

вот картинка для примера:

enter image description here

2a: Это текущие настройки высоты, и она прекрасно работает с большим количеством текста.

2b: Короткий текстовый ящик слишком длинный, его нужно укоротить, но все же быть в том же классе, что и у 2а.

2с & 2d: Правильные авто отрегулировать высоту

.box{ 
    height: 400px; 
} 

.box .box_content{ 
    height: 90%; 
} 
+4

Можете ли вы не просто удалить высоту из css, а div автоматически будет по размеру соответствовать его содержимому? –

+0

Мне нужно, чтобы divs были равны: так, что днища и вершины divs одинаково выровнены по горизонтали. – sl133

ответ

0

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

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

+0

Это может работать, возможно, так или иначе, чтобы сделать это с помощью CSS сначала? – sl133

+0

Возможно ли иметь разные высоты содержимого внутри строк? –

+0

Нет, они должны быть равны, просто корректируются так, чтобы каждая строка была меньше/больше на основе содержимого внутри нее. – sl133

Смежные вопросы