“word-break: break-all”和“word-wrap: break-word”的区别是什么?
当我两个都用的时候,如果它不适合容器,它们似乎就会破坏单词。但是为什么W3C制定了两种方法来实现呢?
“word-break: break-all”和“word-wrap: break-word”的区别是什么?
当我两个都用的时候,如果它不适合容器,它们似乎就会破坏单词。但是为什么W3C制定了两种方法来实现呢?
当前回答
除了前面的注释之外,浏览器对换行的支持似乎比换行好一些。
其他回答
CSS中的分词属性用于指定当一个单词到达一行末尾时应该如何分词或分词。换行属性用于拆分/换行较长的单词并将它们换行到下一行。
“word-break: break-all;”和“word-wrap: break-word;”的区别:
word-break: break-all;:用于在任意字符处进行换行,防止字符溢出。
word-wrap: break-word;:用于在任意点打断单词,以防止溢出。
除了前面的注释之外,浏览器对换行的支持似乎比换行好一些。
我只能查到这些。我不确定它是否有帮助,但我想我应该把它加入到混合中。
自动换行
此属性指定如果内容超出了元素的指定呈现框的边界,当前呈现的行是否应该中断(这在某些方面类似于' clip '和' overflow '属性的意图)。此属性仅适用于以下情况:元素具有可视渲染,是具有显式高度/宽度的内联元素,是绝对定位的元素和/或是块元素。
单词分割
此属性控制单词中的换行行为。在一个元素中使用多种语言的情况下,它特别有用。
讨论这些问题的W3规范似乎表明,word-break: break-all是为了要求CJK(中文、日语和韩语)文本具有特定的行为,而word-wrap: break-word是更一般的、不了解CJK的行为。
overflow-wrap: break-word;
参考
overflow-wrap (MDN)