大字體大小不能使佈局液體

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/