2013-04-06 8 views
18

divのコンテンツをラップするのを避ける方法はありますか?コンテンツが単なるテキストではない場合、例えば のコンテンツです。いくつかのボタン?CSSでテキスト要素以外の要素が使用されていますか?

+1

あなたは 'overflow:hidden'を意味しますか? 「ラッピング」とは何かを知らせてください。 – benams

+0

「ラッピング」とは、白い空白を意味します。非テキストの場合は動作しません。コンテンツは折り返されます(1行以上取ります) – cur4so

+0

ボタンに 'white-space:nowrap'が機能しない場合を表示してください。 'Button'要素はHTMLとCSSの用語でのテキストコンテンツです。 –

答えて

25

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

+0

ブラウザ(Chrome 60.0.3112.113)ではデモが動作しません。私は "#foo"に "overflow:hidden"を追加しなければならなかった。 – Sven

-1

あなたはCSSの両方でこれらのプロパティを設定することができます

position:absolute; 
0

を使用して他のコンテンツの静的な位置を宣言することができます。

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

関連する問題