word-break:break-all和word-wrap:break-word的区别

快来打我* 2022-08-22 15:25 288阅读 0赞 
  1. 最开始我们说了，word-wrap 是用来决定允不允许单词内断句的，如果不允许的话长单词就会溢出。最重要的一点是它还是会首先尝试挪到下一行，看看下一行的宽度够不够，不够的话就进行单词内的断句。
  3. 而word-break:break-all则更变态，因为它断句的方式非常粗暴，它不会尝试把长单词挪到下一行，而是直接进行单词内的断句。这也可以解释为什么说它的作用是决定用什么方式来断句的，那就是——用了word-break:break-all，就等于使用粗暴方式来断句了。总之一句话，如果您想更节省空间，那就用word-break:break-all就对了！
  5. 但无论如何，单词内的断句都会对西文的可读性产生一定的影响，有时候这点就要注意了。
  7. ps:网上有些文章说，word-wrap:break-word 对长串英文不起作用，其实这是非常错误的，word-wrap:break-word照样能把一个长串英文或数字拆成多行。事实上，word-wrap:break-word与word-break:break-all共同点是都能把长单词强行断句，不同点是word-wrap:break-word会首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句；而word-break:break-all则不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。

http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html
http://www.zhangxinxu.com/wordpress/2015/11/diff-word-break-break-all-word-wrap-break-word/
http://www.w3cplus.com/content/css3-word-wrap
http://www.w3cplus.com/content/css3-text-overflow

发表评论

表情：
评论列表 （有 0 条评论，288人围观）

还没有评论，来说两句吧...

相关阅读

    相关 &和&&的区别

    &和&&都可以用作逻辑与的运算符，表示逻辑与（and），当运算符两边的表达式的结果都为true时，整个运算结果才为true，否则，只要有一方为false，则结果为false。

    本是古典 何须时尚本是古典 何须时尚/ 0 赞/ 502 阅读

    相关 "&"和"&&"、"|"和"||"的区别

    一、逻辑运算： 与操作：“&”表示所有的判断条件都要进行判断，“&&”如果前面的条件返回的是false，那么后面的条件将不再执行，最终的结果就是false。 或操作：“

    青旅半醒青旅半醒/ 0 赞/ 638 阅读

    相关 &和&&的区别

    &和&&都可以用作逻辑与的运算符，表示逻辑与（and），当运算符两边的表达式的结果都为 true时，整个运算结果才为 true，否则，只要有一方为 false，则结果为 fal

    ﹏ヽ暗。殇╰゛Y﹏ヽ暗。殇╰゛Y/ 0 赞/ 642 阅读