div如何使内容强制不换行,用CSS实现!

html-css09

div如何使内容强制不换行,用CSS实现!,第1张

你好，不使用浮动，使用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}

给div1设置高度和宽度，如height：100px；width：50px；

那么为div2设置相同高宽度的同时，添加margin：-100px auto 0 50px；此时div2和div1等高宽且并排，div3也是类似设置方法

总结：利用margin-top为负值的方法可以达到并排效果

div+css中最好不要使用float属性，这对今后修改会产生很多不必要的麻烦