css - テキスト要素以外の 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>

デモ

Answer 2

を使用して、他のコンテンツの静的位置を宣言できます

position:absolute;