简单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

在屏幕再次调整大小之前，其余的文本不会显示。

添加

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

到您的

css语句

---

它不会隐藏任何内容，因为您没有告诉它要隐藏的宽度是多少？设置宽度将允许您完成此操作。

您需要将其添加到您的h1 css中：

white-space: nowrap;

#头{
高度：100px；
宽度：100%；
溢出：隐藏；
背景色：#FFCC99；
}
#头h1{
左边距：20px；
字体系列：格鲁吉亚；
字体大小：40px；
空白：nowrap；
}
呜呜呜呜呜呜呜呜

谢谢，我试过这个，因为它看起来更简单，现在正是我想要的。

#head{
            height : 100px;
            width : 100%;
            overflow:hidden;
            background-color: #FFCC99;
        }
        #head h1 {
            margin-left : 20px;
            font-family : Georgia;
            font-size : 40px;
            white-space: nowrap;
        }

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