一尘不染

如何在DIV中强行换行?

css

好吧,这真的使我感到困惑。我在div中有一些内容,例如:

<div style="background-color: green; width: 200px; height: 300px;">

Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.

</div>

但是,由于“单词”太长,内容溢出了DIV(如预期的那样)。

如何在必要时强制浏览器“破坏”单词以适合内部所有内容?


阅读 785

收藏
2020-05-16

共1个答案

一尘不染

采用word-wrap:break-word;

它甚至可以在IE6中使用,这真是令人惊喜。


word-wrap: break-word已被替换为overflow-wrap: break- word;在所有现代浏览器中均可使用。IE,作为一个失效的浏览器,将永远依赖不推荐使用的非标准版本word-wrap

word-wrap当今的现有用法仍然有效,因为它是overflow-wrap该规范的别名。

2020-05-16