我有一个白色文本的长段(内联元素),可以跨越黑色背景上的几行 - 不是整个框的背景,而是文本本身的背景。我通过将文本放在< span>中来完成此操作具有颜色和背景颜色规格的元素。
我想在文字的黑色背景边缘和字母之间留出一些水平空间。当我向跨度添加填充时,左右填充仅出现在整个< span>的第一个和最后一个字符之前和之后,而不是出现在每行的开头,并且我希望每行开始和结束一些空间到黑色背景的边缘。
文字是连续的和不断变化的(字母不是固定的空格)所以我不能人为地添加& nbsp;元素到每行的开头和结尾,这是我迄今为止能够找到创建该空间的唯一方法。
是否真的不可能在每行的开头和结尾留出一个内联流动的文本空间?
答案 0 :(得分:1)
不在span
代码上,请使用p
代码或将其放入div
。
填充和边距不能应用于跨度
答案 1 :(得分:0)
正如C. Malet所说,span
因其内联而不可能。
如果您使用div
或p
或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; }