html - 大字体不能使布局流动

Question

在开始时，我没有设置font-size，在中插入一个长文本div，例如：

<div>Hello World Hello World Hello World Hello World Hello World Hello World</div>

如果我缩小浏览器，溢出部分将变为下一行；

但是如果我将文本font-size大小设置为大尺寸，例如：

<div style="font-size:72px;">asdasdasasdasdasd</div>

我缩小浏览器，溢出部分无法更改为下一行：

那么为什么会这样呢？我该如何解决这个问题？我希望无论我设置多大的尺寸font-size，布局都会像往常一样流动

score 2 · Accepted Answer

至于您的演示，您没有给长字符串留任何空间，因此通常浏览器会将其视为一个“单词”并且不希望将其拆分。

要将您的演示分成几行，请添加空格：http: //jsfiddle.net/dxXBQ/2/

当然我相信那不是你真正的内容。如果您的真实内容确实有很长的单词并且您仍然希望它们换行，请使用word-wrapCSS 样式：http: //jsfiddle.net/dxXBQ/4/

1 回答 1