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の部分でも改行することが確認できた。