"pre"タグは縮小していません。水平スクロールバーを表示していません

Question

私は自分のサイトに多くのコードを表示しています。残りのサイトは応答性がありますが、 "pre"タグは縮小して水平スクロールバーを表示することを拒否します。ここでは原因のトップでの長い「前」タグにカットオフばかりの私のコンテンツのスクリーンショットです：

私はオーバーフロー使用しています：水平方向に、しかし、あなたはそれがないことを例に見ることができます作業。実際のリンクは次のとおりですenter link description here

テーマを切り替えると、すぐに機能します。私は創世記フレームワークの子供のテーマを使用しています...

Answer 1

コンテンツがオーバーフローするように、要素に幅を割り当てる必要があります。 例えば、width: 100vwに設定してみてください。うまくいきます。誰もが答えを与えなかった理由を私は知らない

Answer 2

プレタグは空白と改行を保存し、固定されています。空白をノーマルまたはプリラップすると宣言します。

pre { 
white-space: normal; 
} 

Answer 3

は：十分なスペースがない場合は、同時に行をラップしながら、

pre { 
    white-space: pre-wrap; 
} 

それはラインと言葉を保持します。