pre 标签内的标签添加其他格式

Question

我正在使用 pre 标签来显示代码。我想将一些代码显示为绿色。但是当我在我想要绿色的代码周围放置一个 <div> 标签时，它还会做一些事情，比如添加换行符、吞下间距等等。如何让样式 仅 更改颜色？

这是我的最小示例。如果我在 html 文件中有此文本；

<pre>Some space <div style="background-color:#e6ffed;">then</div> more text.</pre>

并在chrome中打开它，它呈现为

Some space 
then
 more text.

（根据需要，"then" 行为绿色）。

Answer 1

只需使用 <span>，因为它是内联元素。

<div> 本质上是块元素，因此它的行为与您在此处看到的一样。

您可以了解更多关于它们的信息here。