html - 带 nowrap 的 Div 仍然换行

Question

我想在调整窗口大小时使 div 保持相同大小。我的 div CSS:

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

这是换行前的输出:

包装后:

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

Answer 1

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

您想要为您的元素添加固定的“宽度”属性(以像素为单位)或“最小宽度”属性。