テキスト要素以外のCSSがラップされましたか？

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>

デモ