大字体不能使布局流动答案

【问题标题】：Large font size can't make the layout liquid大字体不能使布局流动
【发布时间】：2012-09-03 07:08:57
【问题描述】：

一开始我没有设置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>

我缩小浏览器，溢出部分无法切换到下一行：

演示here

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

【问题讨论】：

【解决方案1】：

至于你的演示，你没有给长字符串留任何空间，所以一般浏览器会认为它是一个“单词”并且不喜欢分割它。

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

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

【讨论】：