如何设置跨度背景颜色,使其在整个行中为背景着色,如div中所示(显示:块;不是选项)

Question

我需要在pre-element中设置一些文本样式.为此,我使用这样的内联span-element:

<pre>
some text <span style="background-color:#ddd;">and some text
with a different background</span> and some more text
</pre>

然后渲染html,仅在文本下方更改span-elements背景.

是否有可能使背景颜色延伸到整个线条而不将显示更改为块或内联块.

或者有没有办法用javascript实现这一目标？

Answer 1

您可以通过以不同方式格式化文本来实现此目的.我通过以下方式实现了我认为您正在寻找的东西:

    <pre>
    some text<span style="background-color:#ddd;">
    and some text
    with a different background</span>
    and some more text
    </pre>

Answer 2

span 是一个内联元素。您将需要一个块级元素才能填充整个宽度。 内联与块