div内的全宽背景颜色

时间:2012-05-30 19:34:13

标签: css colors html

我有一个简单的div,它包含具有交替背景颜色的文本行。第一行是绿色,第二行是红色,第三行是绿色,依此类推。这个div是450px宽,大部分文本行不跨越div的整个长度,但我希望背景颜色从左到右跨越整个450px。

我尝试将宽度:450px添加到文本的span标记中,但仍然无法让它一直穿过。有什么建议吗?

2 个答案:

答案 0 :(得分:5)

如果在span元素上设置display: block,背景颜色应该跨越其容器的整个宽度。

当你对span元素使用display: block属性时,它们将显示为一个块,即最后的换行符。

答案 1 :(得分:1)

尝试在span元素

上设置display: block

请参阅此jsFiddle example