2013-06-23 31 views
24

溢出包装/单词换行和单词换行之间的确切区别是什么? 有人可以告诉我什么是最好的打破非常长的链接?大多数人都说你应该把word-break和overflow-wrap结合起来,但它看起来不合逻辑。我认为将overflow-wrap与word-wrap结合使用以获得更好的跨浏览器支持是最好的方法。你怎么看?溢出包装和分词之间的区别?

+2

对于任何未来的读者可能最初都感到困惑,为什么这是关闭的重复问题。 [CSS Text Module Level 3](https://www.w3.org/TR/css-text-3/#overflow-wrap-property)指出“overflow-wrap”和“word-wrap”应该是100功能相同。就我个人而言,我认为'word-wrap'应该只用于传统浏览器支持,并且可能会在未来的CSS版本中被弃用或放弃。 –

+1

对那些投票结束的人来说:这不是重复的,问题是不一样的。所谓的重复是两个属性的两个特定值,这个问题是关于这两个属性。我真的不喜欢有人认为有权禁止别人回答问题。如果你不喜欢一个问题,就不要阅读它! – Hibou57

回答

33

从源引用

  • word-wrap:字缠绕CSS属性用来指定浏览器是否可能破裂词语内线,以防止溢出当否则牢不可破字符串太长,以适应在其包含的框中。

  • 溢出包装:word-wrap属性在字断CSS属性用于指定如何(或是否)破字以内行的CSS3文字规范

  • word-break:目前草案已更名overflow-wrap

因此,您需要结合单词换行,这是正确的组合。

+5

我觉得自动换行就够了......仍然困惑...... – Anselm

+0

嗯,是的,“自动换行”就足够了,但是如果容器宽度有限,布局可能会搞砸。 – karthikr

+0

好的,我明白了。我只使用文字换行链接,所以布局不会中断。 – Anselm