簡單的CSS問題

Question

在索引文件中我有這樣的：

<div id="head"> 
<h1>bla bla bla bla bla bla</h1> 
</div> 

我風格是這樣的：

#head{ 
    height : 100px; 
    width : 100%; 
    overflow:hidden; 
    background-color: #FFCC99; 
} 


#head h1 { 
    margin-left : 20px; 
    font-family : Georgia; 
    font-size : 40px; 
} 

的問題是，當屏幕的文字太小結束去下這樣的：

bla bla bla bl 
a bla bla 

什麼，我希望發生的就是褪色粟屋一樣：

bla bla bl 

和文本的其餘部分只是不顯示，直到屏幕再次調整大小。

Answer 1

您需要添加到您的H1 CSS：

white-space: nowrap; 

Answer 2

添加

overflow: hidden; 
width: 100px; /*or whatever width you want*/ 

您<h1> CSS語句。

它不會隱藏任何東西，因爲你沒有告訴它你想隱藏什麼尺寸的寬度？設置寬度將允許您完成此操作。