div
のコンテンツをラップするのを避ける方法はありますか?コンテンツが単なるテキストではない場合、例えば のコンテンツです。いくつかのボタン?CSSでテキスト要素以外の要素が使用されていますか?
18
A
答えて
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>
+0
ブラウザ(Chrome 60.0.3112.113)ではデモが動作しません。私は "#foo"に "overflow:hidden"を追加しなければならなかった。 – Sven
-1
あなたはCSSの両方でこれらのプロパティを設定することができます
position:absolute;
0
を使用して他のコンテンツの静的な位置を宣言することができます。
white-space:nowrap;
とmax-width:something;
関連する問題
- 1. 現在の要素以外の要素をスライドさせます
- 2. CSS:要素がプッシュダウンされている
- 3. CSSスタイル要素が要素
- 4. 現在の要素以外の要素からのサンプリング
- 5. 選択できない要素以外の選択されたテキストを取得
- 6. なぜ私のテキストはdiv要素の外に示されていますか?
- 7. フルスクリーン要素以外の要素を表示する(HTML5フルスクリーンAPI)
- 8. Typo3テキスト要素で大きなコンテンツが保存されません。テキスト要素の限界は何ですか?
- 9. 親要素としてAureliaカスタム要素を使用すると、ボタン要素が表示されない
- 10. jQueryの:内部の要素以外の要素を削除
- 11. ブラウザビューポート以外の要素でWatir ChromeDriverを使用するには?
- 12. 静的な位置からCSS要素が外れていますか?
- 13. cssクラスの要素が削除されていません
- 14. CSSは要素に適用されていません
- 15. 要素の外側にテキストが出る
- 16. HTML5 progress要素で子要素がレンダリングされていませんか?
- 17. 要素が別の要素の下に隠されている
- 18. 他の要素がCSSで隠されている場合、要素のスタイルを設定します
- 19. 要素が展開されたCSS列
- 20. カスタム要素は、角要素セクショニング要素で作成されますか?
- 21. 要素のセレクタが1行で単独で使用されていますか?
- 22. フッター要素が他の要素によってオフセットされています
- 23. DOMのドキュメント要素以外に.ready()を使用できますか?
- 24. CSSのパスがリサイズされていない要素
- 25. CSSは要素の高さに基づいていますか?
- 26. 要素のオーバーフロー部分にCSSスタイルが適用されない
- 27. CSSプロパティは要素によってサポートされています
- 28. 特定の子要素以外の要素を読み取るにはどうすればよいですか?
- 29. JavaFX:TextFlowのテキスト要素のCSSセレクタ
- 30. CSSはウェブブラウザ以外で使用されていますか?
あなたは 'overflow:hidden'を意味しますか? 「ラッピング」とは何かを知らせてください。 – benams
「ラッピング」とは、白い空白を意味します。非テキストの場合は動作しません。コンテンツは折り返されます(1行以上取ります) – cur4so
ボタンに 'white-space:nowrap'が機能しない場合を表示してください。 'Button'要素はHTMLとCSSの用語でのテキストコンテンツです。 –