看板 Web_Design 關於我們 聯絡資訊
請教各位大大 小弟現在有個需求需要用css排版,但會發生如下情況 Div A ------------------------ - ------------ - - - B - - - ------------ - - -------------------- - - - C - - - -------------------- - ------------------------ <div id="A"> <div id="B"></div> <div id="C"></div> </div> 小弟希望 B + C 的長度大於A時 C不會往下,B和C還是在同一行 Div A ------------------------ - ------------ ----------------- - - B - - C - - ------------ ----------------- ------------------------ 畫的有點鳥,請見諒,小弟設定B、C為float:left 但超出A的長度C就會換行,不知小弟要如何做才能在同一行 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.254.22.93
pm2001:你要用span div會強制換行 12/31 10:26
forkome:我將B、C用span並設overflow:hidden,但B+C > A 12/31 10:54
forkome:C仍會往下跑>"< 12/31 10:55
cychi:那就把A設大一點XD 12/31 11:26
forkome:因為將來BC會是未知數,希望超過的部分用overflow:hidden 12/31 12:22
xiphoid:在BC外面多加一個div包起來 12/31 14:59
xiphoid:並設定比A更大的width給那個div(能容納B+C的寬度) 12/31 14:59
forkome:可以成功的讓C不會換行,但我設C overflow:hidden 12/31 18:09
forkome:他怎麼還是會超過A >< 12/31 18:09
starjou:設 overflow:hidden 的話要設定寬度 12/31 18:53
forkome:換行跟hidden只能二選一 ><設了寬度,就會換行 12/31 19:34
forkome:完成了,原來overflow:hidden要加在A div 12/31 20:04
forkome:另外再設個div 來包BC 12/31 20:04