CSS3 word-wrap 属性

指定如果足够长得话,应该换行:

p.test {word-wrap:break-word;}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性chromeedgefirefoxsafariopera
word-wrap4.05.53.53.110.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则稍微温柔点儿,带有一点怜悯之心,如果这一行文字有可以换行的点,如空格之类的,就不打英文单词或字符的主意了,在这些换行点换行,至于对不对齐、好不好看则不关心,因此,很容易出现一片一片空白区域的情况。