作者kaoshi (Catling)
看板Web_Design
標題Re: [問題] 如何高度不一的div自動排列還能填補空間
時間Sat May 30 10:26:10 2009
感謝幾位高人的回應
不過 我好像沒講清楚
因為是資料庫叫資料出來的
所以每一個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
推 JYHuang:你說下方Standard Equipment那欄嗎？ 05/30 11:43
→ JYHuang:他似乎是算每25個li跳一欄的樣子 (我猜的) 05/30 11:44
→ JYHuang:下方是先用DIV切成三欄再塞資料的 05/30 11:45
→ kaoshi:就是那欄 我數了其他車子的頁面 似乎都有這種規律 05/30 11:54
→ kaoshi:所以照J大這麼說的話 應該就是先讀取總共幾個LI 再除以3分 05/30 11:55
→ kaoshi:然後再分別填入DIV.. 這樣的話 看來是PHP和SQL的問題了@@ 05/30 11:56