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>

Demo