[問題] 關於DIV換行的問題
作者: mickeyboy (mickey) 2014-08-14 16:40:14
不知道這個問題是否PO在這版
小弟最近在練習 jQuery Progress Bar
卻卡在DIV 斷行的問題上，是希望可以每三個BAR之後斷行
想做到的效果是
A:(純文字)
A1 A2 A3 (Bar)
B:(純文字)
B1 B2 B3 (Bar)
使用了float:left 之後卻變成了
A:(純文字)
A1 A2 A3 (Bar)B:(純文字) B1 B2 B3 (Bar)
縮圖如下: 上面黑框的是希望能達到的效果 (只是文字改成Bar圖)
下面的部分是嘗試的結果
![]()
最後附上小弟的程式碼
小弟最近在練習 jQuery Progress Bar
卻卡在DIV 斷行的問題上，是希望可以每三個BAR之後斷行
想做到的效果是
A:(純文字)
A1 A2 A3 (Bar)
B:(純文字)
B1 B2 B3 (Bar)
使用了float:left 之後卻變成了
A:(純文字)
A1 A2 A3 (Bar)B:(純文字) B1 B2 B3 (Bar)
縮圖如下: 上面黑框的是希望能達到的效果 (只是文字改成Bar圖)
下面的部分是嘗試的結果
最後附上小弟的程式碼
作者: hit1205 (幫你把勇氣裝滿) 2014-08-14 16:47:00
試試看在#B加上clear: both，或者用 display: inline-block在那三個區塊上 @@？
作者: onininon (萬) 2014-08-14 18:22:00
clear:both
作者: Letter1530 (白手起家好難...) 2014-08-15 02:35:00
你的兩個div都套用了B 這樣兩個都display=inline是這個問題吧,你應該重設第二個div這樣就會換行了,可是考慮到你把float設定為left所以也可能不會換行,這點我不確定,我得試試看才知道結果