影响背景颜色的线高

时间:2012-05-30 20:46:20

标签: html css

我在div中有一些文本行,可以交替使用背景颜色,以便于阅读。每个都有一个显示:块;属性,所以background-color跨越div的整个宽度。

然而,这使得每行文本相距甚远。如果我将线条与线条高度拉近,则背景颜色不再适当地覆盖文本。

这是一张显示正在发生的事情的图片: Example

有没有人有任何关于如何让它看起来像原始,减去线之间的空间的建议?

编辑:这是一个例子:http://jsfiddle.net/f8K3T/

4 个答案:

答案 0 :(得分:2)

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

它们的高度非零,因此存在间隙。

我分道扬琴:http://jsfiddle.net/zmA8N/

我认为这就是你所追求的目标。

答案 1 :(得分:1)

您可以在文本元素上使用margin-top和margin-bottom来使它们更加接近 还要确保填充:0;

如果您提供css样本或JS小提琴,我可以给出确切的值

答案 2 :(得分:1)

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

答案 3 :(得分:1)

删除so

<br />代码

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