带有nowrap的Div仍然包装

Question

我想在调整窗口大小时保持div的大小不变。我的css for the div：

.header {
    white-space: nowrap;
    color: #fff;
    padding: 0.5em;
    background: linear-gradient(90deg, #B71C1C, #0D47A1, #0D47A1);
  }

下面是wrap之前的输出：

​

​

在结束之后：

​

​

我想要的是标题div始终保持相同的大小，无论浏览器的宽度。

Answer 1

“not space:nowrap”属性用于文本换行，而不是元素的一般响应性。https://www.w3schools.com/cssref/pr_text_white-space.asp

您可以添加一个固定的"width“属性(f.e.像素)，或元素的"min-width“属性。

Answer 2

我认为white-space: nowrap属性是用来阻止文本换行的。在本例中，您可能希望为div设置一个固定宽度，这样它就不会根据窗口大小而改变。