html - 前置标签内的标签添加其他格式

Question

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

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

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

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

Some space 
then
 more text.

（根据需要，“then”行是绿色的）。

标签： htmlwhitespaceremoving-whitespacepre

Answer 1

只需使用 a<span>代替，因为它是一个内联元素。

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

您可以在此处了解有关它们的更多信息。