你好,不使用浮动,使用inline-block就可以处理了:
<div style="width:100%height:50pxwhite-space:nowrapoverflow:auto"><div style="display: inline-blockwidth:25%">1</div>
<div style="display: inline-blockwidth:25%">2</div>
<div style="display: inline-blockwidth:25%">3</div>
<div style="display: inline-blockwidth:25%">4</div>
<div style="display: inline-blockwidth:25%">5</div>
</div>
如果要考虑IE6/7,display:inline-block的元素需加上:
*display: inline*zoom: 1
希望是你想要的结果,望采纳~~
关于css让元素换行限制如下:1强制不换行 div{ white-space:nowrap}
2自动换行 div{ word-wrap: break-wordword-break: normal}
3强制英文单词断行 div{ word-break:break-all}
官方文档:block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。
所以把block改成inline就不会出现换行了