Re: [問題] 如何高度不一的div自動排列還能填補空間
感謝幾位高人的回應
不過 我好像沒講清楚
因為是資料庫叫資料出來的
所以每一個div都是不固定的
有時可能會是A超級長
有時可能是B超級長
或是D特別長短..等等
另外 也不會有圖層的格線出現 (對方要求不要~"~)
其實 主要是想像下面這個網址裡的最下面STANDARD FEATURE一樣
基本上 因為每個項目的內容多寡都是不定數 (因為每台車的甚麼功能都不一定)
所以沒辦法確定哪個圖層會是怎樣的高度 也不能應性規定只能多高
不然對方會發飆說為啥要限制他最多只能打多少字= =|||
http://www.ecarlink.com/web/199/vehicle/6479/2006-Acura-TL--Dallas-TX
但我實在搞不懂他怎麼能自動偵測將左下DIV裡過長的資料換到右上的另一個DIV
(想說偷看他的語法 結果看到眼花還看不出所以然@@)
所以才突發奇想看能不能直接讓DIV自動排列塞空隙
結果失敗>"<
拜託各位高人給著指點 或是有甚麼其他建議
感激不盡
※ 引述《kaoshi (Catling)》之銘言：
: 因為是從資料庫叫資料出來的
: 所以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 11:43, , 1F
05/30 11:43, 1F
→
05/30 11:44, , 2F
05/30 11:44, 2F
→
05/30 11:45, , 3F
05/30 11:45, 3F
→
05/30 11:54, , 4F
05/30 11:54, 4F
→
05/30 11:55, , 5F
05/30 11:55, 5F
→
05/30 11:56, , 6F
05/30 11:56, 6F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 4 篇)：