CSS3 word-wrap 属性
指定如果足够长得话,应该换行:
p.test {word-wrap:break-word;}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
属性 | |||||
---|---|---|---|---|---|
word-wrap | 4.0 | 5.5 | 3.5 | 3.1 | 10.5 |
word-wrap属性允许长的内容可以自动换行。
值 | |
---|---|
默认值: | normal |
继承: | yes |
版本: | CSS3 |
JavaScript 语法: | object.style.wordWrap="break-word" |
语法
word-wrap: normal|break-word;
属性值
值 | 描述 |
---|---|
normal | 只在允许的断字点换行(浏览器保持默认处理)。 |
break-word | 在长单词或 URL 地址内部进行换行。 |
注意
word-break: break-all;的作用是所有的都换行,很霸道的那种,毫不留情,一点儿空隙都不放过的那种换行,而 word-wrap:break-word则稍微温柔点儿,带有一点怜悯之心,如果这一行文字有可以换行的点,如空格之类的,就不打英文单词或字符的主意了,在这些换行点换行,至于对不对齐、好不好看则不关心,因此,很容易出现一片一片空白区域的情况。