简单的CSS问题

2011-09-01 63 views 3 likes

在索引文件中我有这样的：简单的CSS问题

<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

和文本的其余部分只是不显示，直到屏幕再次调整大小。

来源

2011-09-01 Leron

回答

您需要添加到您的H1 CSS：

white-space: nowrap;

来源

2011-09-01 21:25:19

谢谢，我想这怎么一回事，因为它看起来simplier，现在它只是因为我想它。 – Leron

添加

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

您<h1> CSS语句。

它不会隐藏任何东西，因为你没有告诉它你想隐藏什么尺寸的宽度？设置宽度将允许您完成此操作。

来源

2011-09-01 21:21:33 Mike

简单的CSS问题

回答

相关问题