css - 除了文本元素之外的 CSS nowrap？

Question

div当内容不仅仅是文本（例如几个按钮）时，有没有办法避免包装 a的内容？

Answer 1

white-space:nowrap;应该做的伎俩。

#foo {
  white-space:nowrap;
  width: 100px;
}

<div id="foo">
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
  <input type="button" value="hello"/>
</div>

演示

Answer 2

您可以在 CSS 中设置这两个属性：

white-space:nowrap;和max-width:something;

Answer 3

您可以使用声明其他内容的静态位置

position:absolute;