Glen愛設計

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://leiglen.blogbus.com/logs/31593869.html

一个很变态的需求,要求外层的DIV自动换行,里面是一堆的子DIV,这些子DIV在父层DIV自动换行的时候,不准截断.

代码:

<div id="wrap">
<div>111111111</div><div>2222222222</div><div>3333333333</div><div>44444444444</div><div>55555555555</div>
</div>

<style type="text/css">
    #wrap{width:200px;background:#ccc;white-space:normal;}
    #wrap div{
        display:inline;white-space:nowrap;
    }
</style>

说明:

主要是利用 white-space属性:

可能的值