大字体不能使布局流畅

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>

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

demo here

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

Answer 1

至于你的演示，你没有给长字符串任何空间，所以一般来说浏览器会将它视为一个“单词”而不愿意拆分它。

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

当然，我认为这不是你的真实内容。如果您的真实内容确实有长词并且仍然希望它们换行，请使用word-wrap CSS样式：http://jsfiddle.net/dxXBQ/4/