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

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的更多信息。