HTML之前没有换行边框

问题描述

我有一个

pre

标记，其中有些代码没有换行。我想在其周围放置一个边框（

border:1px solid Black;

），但是无论文本的长度如何，边框都限于浏览器的宽度。如何强制边框始终扩展以包含

pre

标记中的所有文本？ 这是我正在使用的代码：

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

    

解决方法

        尝试将

display: inline

添加到

pre

标签CSS。     ,        采用：

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

    ,        用于显示您要使用的代码

pre { white-space:pre-wrap }

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

pre { white-space:pre-line }

multiple9ѭ由多个空格字符组成一个空格字符，

pre-wrap

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

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

还是您不要求这个？