親の幅に拡大しないテキストの背景色を設定するにはどうすればよいですかdiv
?私はh1
{background color:white;}
を使用し、私が望むテキストの周りにh1
をラップしましたが、白い背景はテキストを超えて広がっています。それはあなたが言葉を強調表示しているようなものです。CSSの背景色はテキストまで拡張されますか?
答えて
h1はブロック要素なので、使用可能なすべての領域が使用されます。透明:?だけその幅
h1 {
display: inline;
background-color: white;
}
h1
はブロックレベルの要素であり、デフォルトではブロックレベルの要素が展開されて、親要素の利用可能な幅をすべて埋めます。これを解決する最も簡単な方法は、float
に要素である
:
h1 {
background-color: white;
float: left;
}
それは見出し要素の周りに流れないように、あなたは、その後、次の段落のスタイルをする必要があります。
p {
clear: left;
}
IE7以下をサポートしていないのであれば、隣接する兄弟セレクタを使用してこの選択をより細かくすることができます。h1
要素の直後のp
要素だけがスタイルになります。
h1 + p {
clear: left;
}
正直なところ、私は浮動小数点が主要なPITAであることを知っていて、浮動小数点数が最も簡単な解決策を提示するという意見はありません。 「」にテキストをラップしてみませんか? –
@MДΓΓLLLLLLOK、「最も良いセマンティックソリューション」スタイリングのためだけに「スパン」を導入するのは面倒です、IMO。 – lonesomeday
@MДΓΓLLLLLLなぜなら、H1は意味的に正しい要素であるかもしれないからです。 IMOの表示:インラインブロックは、これを解決する最も良い方法です - もしIE7だけがサポートしていれば... – ptriek
- 1. CSSリセットオーバーライドされた背景色
- 2. CSS:背景色の背景画像
- 3. 背景色rotate css
- 4. CSSリニア背景色
- 5. CSS - 背景色IE11
- 6. CSSカーソルの背景色ですか?
- 7. ポップアップクロム拡張の背景ページ
- 8. CSS、コンテナの背景色を補正する背景色を変更します。
- 9. CSSで背景色にフェードアウト
- 10. CSSの背景色が表示されません
- 11. CSSテキスト背景スパンパディング
- 12. 背景色がcssで境界線の外にオフセットされていますか?
- 13. Cssスクロールエリアの背景色
- 14. IE8 CSSボディの背景色
- 15. 背景色のCSS遷移
- 16. CSS:背景色の問題
- 17. CSSの背景色中心
- 18. CSS div背景色のバグ?
- 19. CSSトランジションボタンの背景色
- 20. CSSの背景トライアングル3色
- 21. MATLAB:GUIのテキストの背景色
- 22. 背景色とテキスト色をJavascriptのタイマーで変更します
- 23. 黒色のCSS背景でテキストを白くする
- 24. 拡張背景スクリプトは再保存されないとロードされません
- 25. アンドロイドでトーストの背景色、背景色、テキスト色をカスタマイズする方法
- 26. 通知コンテンツの変更拡張の背景色
- 27. XAML背景色とテキストの色が変更されない
- 28. css |ボタン:ホバーの背景はまだ灰色です
- 29. Firefoxの拡張機能でstatusbarpanelの背景色を変更するには
- 30. Andriod ObjectAnimator背景色とテキスト
を使用するためになぜテキストの色を変更したり、背景色をしないで、インラインにこの要素を変更しますか私はあなたがここで何をしようとしているのか正確には分からない。 –
h1要素の代わりにdivに背景色を追加しようとしましたか? – Rondel