[问题] 关于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所以也可能不会换行,这点我不确定,我得试试看才知道结果