CSS 文本换行

1 <div class="hack">
2 <p>javascriptfff java scriptffff fffffff javascri pt javascript javascript</p>
3 <p>111111111111111111111111111111111111</p>
4 <p>我们去吃饭吧我们去吃饭吧我们去吃饭吧我们去吃饭吧我们去吃饭吧我们去吃饭吧</p>
5 </div>
1 .hack{ width:100px; word-wrap:break-word; border:#000 1px solid;}

运行结果:

文本换行的一些样式属性:

1. word-break:break-all;只对英文起作用,以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
3. white-space:pre-wrap; 只对中文起作用,强制换行
4. white-space:nowrap; 强制不换行,都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现

posted @ 2012-10-22 14:43  migo_  阅读(5476)  评论(0编辑  收藏  举报