大字体大小不能使布局液体

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> 

我缩小浏览器，溢出部分不能改变到下一行：

演示here

那么为什么会发生这种情况呢？我如何解决这个问题？我想不管多大的尺寸我设置为font-size，布局将是正常的液体

Answer 1

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

要将演示拆分成多行，加空格：http://jsfiddle.net/dxXBQ/2/

当然，我相信这是不是你真正的内容。如果您的真实内容确实有长词，而您仍然希望它们包装，请使用word-wrap CSS样式：http://jsfiddle.net/dxXBQ/4/