| |
|
|
| | Как сделать, чтобы при любом количестве блоков фикс ширины и высоты они выстраивались друг за другом равноудалено и при любом разрешении? Равноудалено смог добиться, ну а вот как, чтобы они шли друг за другом? Сейчас же их раскидывает по сторонам, что не особо хорошо, хоят с точки зрения равноудаленности - верно.
Вот мой вариант:
.container {
text-align: justify;
text-justify:newspaper;
width:100%
}
.box{
display:-moz-inline-box; // для поддержки FF2
display:inline-block;
vertical-align:top;
text-align:left;
width:200px;
height:200px;
background:red;
}
.box p {padding:10px;}
/*IE6*/
* html .box{ display:inline; }
/*IE7*/*
+ html .box{ display:inline; }
.under{display:-moz-inline-box; display:inline-block; width:100%; }
|
<div class="container">
<div class="box"><p>текст текст текст текст текст</p></div>
<div class="box"><p>текст текст текст текст текст</p></div>
<div class="box"><p>текст текст текст текст текст</p></div>
<div class="box"><p>текст текст текст текст текст</p></div>
<span class="under"></span>
</div>
|
| |
| |
|
