好吧,这真的使我感到困惑。我在div中有一些内容,例如:
<div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div>
但是,由于“单词”太长,内容溢出了DIV(如预期的那样)。
如何在必要时强制浏览器“破坏”单词以适合内部所有内容?
采用word-wrap:break-word;
word-wrap:break-word;
它甚至可以在IE6中使用,这真是令人惊喜。
word-wrap: break-word已被替换为overflow-wrap: break- word;在所有现代浏览器中均可使用。IE,作为一个失效的浏览器,将永远依赖不推荐使用的非标准版本word-wrap。
word-wrap: break-word
overflow-wrap: break- word;
word-wrap
word-wrap当今的现有用法仍然有效,因为它是overflow-wrap该规范的别名。
overflow-wrap