HTML pre pre line wrap border

Question

我有一个pre标签,其中包含一些不包装线的代码.我想在它周围放一个边框(border:1px solid Black;),但边框限制在浏览器的宽度,无论文本的长度如何.如何强制边框始终扩展以包含pre标记中的所有文本？

这是我正在使用的代码:

<pre style="border:2px solid Black;">@Model.Code()</pre>

Answer 1

使用:

<pre style="display: inline-block; border:2px solid Black;">

Answer 2

用于显示您要使用的代码

pre { white-space:pre-wrap }

对于普通文本，您可能想要使用

pre { white-space:pre-line }

pre-line由多个空格字符组成一个空格字符，pre-wrap而不是。

现在，如果您添加边框，它将围绕整个文本，并且文本将被换行。

pre {
    white-space:pre-line;
    border:2px solid black
}

或者你没有要求这个？