html - テキストの背景色は、テキストの形状と長さに合わせてカットされます

Question

テキスト行の背景色をテキスト自体の端に合わせることは可能ですか?

これは私が達成しようとしていることの視覚的な例です:

テキストは<h3>内側に<div>あり、現在私が達成できるのは正方形のブロックの背景だけです。

score 1 · Accepted Answer

テキスト全体をカバーするようなものを取得したい場合！これを使用できます：

<div>
 <h3>Afzaal Ahmad Zeeshan</h3>
</div>

そしてこれを行います：

div {
 background-color: #hexcode;
}

次に、テキストのみを折り返す場合は、padding:またはを削除してみてmargin:ください。何もない場合でも、次のように記述します。

h3 {
margin: 0;
padding: 0;
}

このようにして、すべてのパディングまたはマージンが削除され、テキストのみに背景が提供されます!

この 2 番目のものは、「テキスト行の背景色をテキスト自体の端に合わせますか?」という質問にぴったりです。

score 0 · Accepted Answer

もちろん、h3 要素の表示プロパティをインラインに設定します。また、フォントサイズに合わせて line-height プロパティを調整する必要がある場合もあります。

display:inline;
font-size:20px;
line-height:20px;

2 に答える 2