WordPressのcodeタグが改行しない

WordPressにはコードを表示するためのブロックが用意されているが、どうやらURLのところでは改行せず、酷い場合には突き破って表示される。

現状

CSSには、既に以下のプロパティが設定されていた。

pre {
  white-space: pre-wrap; }

white-space – CSS: カスケーディングスタイルシート | MDN

しかしこれだけではURLのところは改行しなかった。

対策

word-break – CSS: カスケーディングスタイルシート | MDN

pre {
  white-space: pre-wrap; 
  word-break: break-all;}

word-break: break-all;を追加することで、URLの部分でも改行することが確認できた。

guest
0 Comments
Inline Feedbacks
View all comments