html - 影响背景颜色的行高

Question

我在 div 内有几行文本，它们交替背景颜色以使其更易于阅读。每个都有一个 display: block; 属性，因此背景颜色跨越了 div 的整个宽度。

但是，这会使每一行文本相距甚远。如果我用 line-height 将线条拉得更近，背景颜色将不再适当地覆盖文本。

这是显示正在发生的事情的图像：

有没有人有关于如何让它看起来像原来的任何建议，减去行之间的空间？

编辑：这是一个 jfiddle 示例：http: //jsfiddle.net/f8K3T/

score 2 · Accepted Answer

您的标记中有明确的换行符。

这些具有非零高度，因此存在间隙。

我叉了你的小提琴：http: //jsfiddle.net/zmA8N/

我想这就是你所追求的。

score 1 · Accepted Answer

您可以在文本元素上使用 margin-top 和 margin-bottom 使它们靠得更近。
还要确保 padding:0;

如果您提供 css 样本或 JS fiddle 我可以给出准确的值

score 1 · Accepted Answer

1

您可以改为使用 css 属性 height: #px; 而是在 div 元素上，而不是定义行高。

于 2012-05-30T20:51:07.063 回答

score 1 · Accepted Answer

像这样删除<br />标签

如果你想要行之间的间距，只需添加：span{ margin-bottom: 3px; }

4 回答 4