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
}

或者你没有要求这个吗？

Answer 3

尝试将display: inline添加到您的pre标记CSS。