HTML预无换行边框

我有一个

pre

标记，其中包含一些不换行的代码。我想在它周围加一个边框（

边框：1px纯黑；

），但边框仅限于浏览器的宽度，而不考虑文本的长度。如何强制边框始终延伸以包含

pre

标记中的所有文本

以下是我使用的代码：

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

@Model.code（）

尝试将

display:inline

添加到

pre

标记CSS中。

用于显示要使用的代码

pre { white-space:pre-wrap }

pre { white-space:pre-line }

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

pre { white-space:pre-wrap }

pre { white-space:pre-line }

pre-line

将多个空格字符转换为一个空格字符，

pre-wrap

不会

现在，如果添加边框，它将围绕整个文本，并且文本将被包装

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

还是你没有要求这个？

使用：

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

这会在每行文本周围加上一个边框，我会继续，并将此标记为答案；我只需要使用

display:inline块啊。我忘了提到
pre
中有多行。