overflow-wrap/word-wrap和word-break之间的确切区别是什么?任何人都可以告诉我,打破很长链接的更好的方法是什么?大多数人说你应该使用word-break和overflow-wrap,但它看起来不合逻辑.我认为将overflow-wrap与自动换行相结合以获得更好的跨浏览器支持是最好的方法.你怎么看?
我的问题:
有什么区别overflow-wrap: break-word和word-break: break-word?
非重复:
以下是一些现有的问题,乍一看似乎是重复的,但实际上并非如此。
word-break: break-all但我的问题是关于word-break: break-word)overflow-wrap和word-break属性,但我在这里的问题特别是关于break-word这个属性的值。此外,该问题被神秘地标记为上一个问题的重复,即使它不相关。)代码:
我写这似乎表明,无论此代码段overflow-wrap: break-word和word-break: break-word行为方式相同。但我不确定我是否已经考虑了所有情况。也许在某些情况下他们的行为有所不同?
.ow {
overflow-wrap: break-word;
background: lightgreen;
}
.wb {
word-break: break-word;
background: lightblue;
}
div {
width: 5em;
display: inline-block;
}Run Code Online (Sandbox Code Playgroud)
<div class="ow">
Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
</div>
<div class="wb">
Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
</div>
<div class="ow">
Most words are short and don't need to …Run Code Online (Sandbox Code Playgroud)