「pre」標籤不縮小。不顯示水平滾動條

Question

我在我的網站上顯示了很多代碼。我網站的其餘部分是響應式的，但「pre」標記拒絕收縮並顯示水平滾動條。這裏是我的內容截圖被截斷，由於在頂部長「預」的標籤：

我使用溢出：水平，但你可以看到的例子，它不工作。這裏是實際的鏈接enter link description here

只要我切換我的主題，它工作正常！我正在使用創世紀框架的兒童主題...

Answer 1

您需要爲元素指定寬度，以便內容可以溢出。 嘗試設置width: 100vw，例如，它會起作用。

Answer 2

Pre標籤顯示預先形成的文本，並保留空格和換行符，並且已修復。聲明空白正常或預包裝。

pre { 
white-space: normal; 
} 

Answer 3

我不知道爲什麼沒有人給的答案：

pre { 
    white-space: pre-wrap; 
} 

它保留了線條和文字，而在同一時間換行的，如果沒有足夠的空間。