css - 简单的 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;