WordPressのcodeタグが改行しない
WordPressにはコードを表示するためのブロックが用意されているが、どうやらURLのところでは改行せず、酷い場合には突き破って表示される。
現状
CSSには、既に以下のプロパティが設定されていた。
|
1 2 |
pre { white-space: pre-wrap; } |
white-space – CSS: カスケーディングスタイルシート | MDN
しかしこれだけではURLのところは改行しなかった。
対策
word-break – CSS: カスケーディングスタイルシート | MDN
|
1 2 3 |
pre { white-space: pre-wrap; word-break: break-all;} |
word-break: break-all;を追加することで、URLの部分でも改行することが確認できた。