0

我有一个很长的白色文本段落（内联元素），可以跨越几行，在黑色背景上 - 不是整个框的背景，而是文本本身的背景。为此，我将文本放入具有颜色和背景颜色规范的 <span> 元素中。

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

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

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

4

3 回答 3

1

不在span标签上，使用p标签或将其放入div.

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

于 2013-08-23T07:42:38.960 回答
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; }
于 2013-08-24T07:12:29.313 回答
0

正如 C. Malet 所说，因为它的内span联是不可能的。divp

于 2013-08-23T08:02:34.587 回答