HTML預先沒有換行邊框

Question

我有一個pre標籤，其中有一些代碼不換行。我想在它周圍放一個邊框（border:1px solid Black;），但邊框限制爲瀏覽器的寬度，而不管文本的長度。如何強制邊框始終延伸以包含pre標籤中的所有文字？

下面是我使用的代碼：

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

Answer 1

嘗試增加display: inline您pre標籤CSS。

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

用途：

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