| |
 28.2 Кб |
|
| | Добрый вечер, подскажите пожалуйста как можно выравнивать список div блоков при такой структуре
<style>
.container {
width:325px;
}
.alignleft {
width:100px;
/* height:100px; как выравнивать height чтобы ровно в линию? */
margin-right:5px;
float:left;
border:1px #c0c0c0 solid;
}
</style>
<div class="container">
<div class="alignleft">много текста много много текста много текста много много текста много текста много много текста</div>
<div class="alignleft">мало текста</div>
<div class="alignleft">текст</div>
<div class="alignleft">много текста много много текста много много текста</div>
<div class="alignleft">текст</div>
<div class="alignleft">мало текста</div>
</div>
|
Может по скрину будет понятнее? http://softtime.ru/forum/files/83011-20111017205016.jpg | |
| |
|
|
| |
|
|
| |
для: tima2010
(17.10.2011 в 20:44)
| | | http://habrahabr.ru/blogs/css/117109/ | |
| |
|
|
| |
|
|
| |
для: tima2010
(17.10.2011 в 20:44)
| | | Самый простой вариант сделать таблицей.
Если не хотите, то после третьего дива вставьте
<div style="clear:both;"></div>
|
| |
| |
|
|
| |
|
|
| |
для: Filsh
(17.10.2011 в 21:51)
| | | AlexSol Спасибо за ссылку!
Filsh да это хороший вариант но данные формируются динамически из базы и не обязательно всегда будет третий последний, ширина может быть и больше | |
| |
|
|
| |
|
|
| |
для: tima2010
(18.10.2011 в 07:59)
| | | В итоге ответ таков:
.block {
width: 150px;
min-height: 150px;
border:1px solid #c0c0c0;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1;
*display: inline;
_height: 250px;
}
|
| |
| |
|
|
