CSS nowrap不是文本元素吗？

Is there a way to avoid wrapping of a div's content when the content is not just text e.g. several buttons?

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

3 个解决方案

#1

white-space:nowrap; should do the trick.

空白：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>

Demo

演示

#2

You can set both these properties in CSS:

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

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

空白：NOWRAP;和最大宽度：某事;

#3

-1

You can declare static positions for the other contents using

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

position:absolute;

#1