Div with nowrap仍然包裹着

Question

我希望在调整窗口大小时使div保持相同的大小。 我的css为div：

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

，这是换行前的输出：

并且在换行之后：

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

Answer 1

我认为white-space: nowrap属性用于阻止文本换行。在您的情况下，您可能希望为该div设置固定宽度，以便它不会根据窗口大小进行更改。

Answer 2

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

您要么为元素添加固定的“width”属性（以像素为单位）或“min-width”属性。