2

div内に、読みやすくするために背景色を変更するテキスト行があります。これらのそれぞれに表示があります:ブロック; プロパティなので、background-colorはdivの幅全体に広がります。

ただし、これにより、テキストの各行がかなり離れてしまいます。行の高さで行を近づけると、背景色がテキストを適切にカバーしなくなります。

これが何が起こっているかを示す画像です: 例

行間のスペースを除いて、これを元のように見せるための方法について誰かが何か提案がありますか?

編集:これがjfiddleの例です:http://jsfiddle.net/f8K3T/

4

4 に答える 4

2

マークアップに明示的な改行があります。

これらの高さはゼロではないため、ギャップがあります。

私はあなたのフィドルをフォークしました:http://jsfiddle.net/zmA8N/

これがあなたが求めているものだと思います。

于 2012-05-30T21:00:49.207 に答える
1

そのよう<br />なタグを削除します

行の間隔が必要な場合は、次を追加するだけです。span{ margin-bottom: 3px; }

于 2012-05-30T21:08:39.020 に答える
1

テキスト要素で margin-top と margin-bottom を使用して、それらを近づけることができます。
また、padding:0; であることを確認してください。

あなたのcssまたはJSフィドルのサンプルを提供すると、正確な値を与えることができます

于 2012-05-30T20:48:48.400 に答える
1

代わりに css プロパティの height: #px; を使用できます。代わりに div 要素で、行の高さを定義しません。

于 2012-05-30T20:51:07.063 に答える