填充一段文字的彩色背景?

时间:2013-08-23 07:40:53

标签: html css

我有一个白色文本的长段(内联元素),可以跨越黑色背景上的几行 - 不是整个框的背景,而是文本本身的背景。我通过将文本放在< span>中来完成此操作具有颜色和背景颜色规格的元素。

我想在文字的黑色背景边缘和字母之间留出一些水平空间。当我向跨度添加填充时,左右填充仅出现在整个< span>的第一个和最后一个字符之前和之后,而不是出现在每行的开头,并且我希望每行开始和结束一些空间到黑色背景的边缘。

文字是连续的和不断变化的(字母不是固定的空格)所以我不能人为地添加& nbsp;元素到每行的开头和结尾,这是我迄今为止能够找到创建该空间的唯一方法。

是否真的不可能在每行的开头和结尾留出一个内联流动的文本空间?

3 个答案:

答案 0 :(得分:1)

不在span代码上,请使用p代码或将其放入div

填充和边距不能应用于跨度

答案 1 :(得分:0)

正如C. Malet所说,span因其内联而不可能。 如果您使用divp或css属性“display:block”,那么背景将作为整体应用,但不适用于每一行..

答案 2 :(得分:0)

感谢您的回答。我找到了一种方法来做到这一点,将跨度嵌套在两个额外的跨距内,向右和向左偏移:

.theSpan { position: relative; right: 5px; background-color: #000000; color: #ffffff; } 
.outer1 { position: relative; background-color: #000000; }
.outer2 { position: relative; left: 10px; background-color: #000000; }