CSS nowrap不是文本元素？

Question

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

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>

演示