首先,对中文无效,对英文有效,原因是中英文处理不一样。
对中文来说,只有一种可能,当最后的空间容不下一个字符的时候,换到下一行。
对英文来说,却有三种可能,在纸质,空间容不下一个字符的时候,也只能换行,但在互联网上,默认是允许溢出的。
第一、默认溢出一个单词完全显示然后换行。
第二、直接将默认溢出的那个单词换到下一行。word-wrap:break-word;
第三、将默认溢出的那个单词分拆两行显示。word-break:break-all;
这三种方法均有优缺点,视情况一般选择第二和第三方式显示,第二适合传统正常英文文章,第三适合,所谓的单词较长,不是传统意义上的单词,而是如url,md5这样的长字符串。
值得注意的是,在table td中word-wrap:break-word;无效。
这两个属性均由微软在IE5.5中引入,其他浏览器也支持。在新的CSS3草案中,word-wrap正式名称改为overflow-wrap,原名作为别名仍可使用。
不过我觉得,既然要改的话,我觉得也可也这样改overflow-word: this-line | next-line | multiple-line;
来源:博客园
作者:webkb
链接:https://www.cnblogs.com/webkb/p/11450801.html