word-break:break-all和word-wrap:break-word实现DIV内容超出自动换行
Admin | 2015-4-8 8:58:15 | 被阅次数 | 4869
如果在CSS中使用word-break:break-all和word-wrap:break-word，那么都可以取到强制换行的目的，让内容超出div宽度的会换行。但两者却存在区别，下为将为你介绍。
1：word-break:break-all
如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。例如div宽300px，它的内容就会到300px自动换行。
使用该属性，单词会被截断。
2：word-wrap:break-word
例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。
使用该属性，单词不会被截断。