今晚看到了无双老师关于word-wrap,word-break区别的讲解 http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html
受益匪浅,特此在做一下自己的总结
word-wrap
对长单词进行折断,对长单词首先换行看第二行是否可以容纳,若不能,在第二行强制折断 默认值为normal 折断值为break-world
word-break
对长单词进行折断,直接强制折断,不换行 默认值为normal 折断值为break-all
text-wrap
对文本折行,但是目前主流的浏览器都不支持该属性,所以无需考虑
以下段代码为例
<!DOCTYPE html>
<html>
<head>
<style>
p.test
{
width:11em;
border:1px solid #000000;
/*
word-wrap:break-word;
word-break:break-all;
*/
}
</style>
</head>
<body> <p class="test">this asdsadasdasadsadlongwordthisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p> </body>
</html>
不设置换行时
aaarticlea/png;base64,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" alt="" />
当为word-wrap:break-word时
aaarticlea/png;base64,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" alt="" />
当为word-break:break-all
aaarticlea/png;base64,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" alt="" />
可以看到,用户代理默认的会对长单词进行换行,而word-wrap默认了这一行为,但是word-break会强制忽略这一行为。