[問題] 如何高度不一的div自動排列還能填補空間
因為是從資料庫叫資料出來的
所以div的高度都不一定
我目前利用float:left可以div自動排列
可是當高度不一的時候
就會出現很大的空隙
如下: (畫圖很爛 請盡量>"<)
---------- ---------- ---------
| A | | B | | C |
---------- | | | |
---------- | |
| |
| |
| |
|-------|
----------
| D |
| |
|--------|
尤其是當DIV C的資料特長時
A與D的空隙就更大
有沒有辦法可以讓D就緊靠著A下面呢?
因為資料內容都不一定
所以沒辦法特別只針對某一個DIV作設定
我目前的語法是這樣的
CSS:
-這是包在外面的大DIV
div#equip {
width: 96%;
z-index: 1;
padding:15px 3px;
}
-這是裡面要自動排列的DIV
.eqbox{
float: left;
margin-right:5px;
margin-bottom:5px;
text-align:left;
width:32%;
}
htm裡是
<div id="equip">
<div class="eqbox">
A
</div>
<div class="eqbox">
BB
</div>
<div class="eqbox">
C<br>
C<br>
C<br><br>
C<br>
C<br>
C<br>
C<br><br><br><br>
</div>
<div class="eqbox">
D
</div>
<div style="clear:both"> </div>
</div>
請各位高手幫幫忙
謝謝>"<
--
C'est La Vie
http://www.wretch.cc/album/ringle
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 76.187.11.47
推
05/30 03:28, , 1F
05/30 03:28, 1F
→
05/30 03:29, , 2F
05/30 03:29, 2F
→
05/30 04:37, , 3F
05/30 04:37, 3F
推
05/30 07:31, , 4F
05/30 07:31, 4F
推
05/30 10:01, , 5F
05/30 10:01, 5F
→
06/05 00:01, , 6F
06/05 00:01, 6F
討論串 (同標題文章)
以下文章回應了本文 (最舊先)：
完整討論串 (本文為第 1 之 4 篇)：