CSS nowrap不是文本元素？

Question

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

Answer 1

white-space:nowrap;应该可以解决问题。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Demo

Answer 2

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

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

Answer 3

您可以使用

为其他内容声明静态位置

position:absolute;