WordPress のプラグイン wp-syntax を使ってコード表記を行っています。
対応言語も多く助かっているのですが、1つだけ気になっていたことがあります。
Firefox だとコードが折返し表示されずに横スクロールバーが出てしまうことです。
Safariだと折り返して表示されています。
コードは pre
タグ内に書くのでFirefoxの挙動は正常だとも思うのですが・・・
wp-syntax 付属の wp-syntax.css
をカスタマイズすることにします。
プラグインフォルダのファイルを編集してしまうとアップデートの時に面倒くさいのでどうしようかとソースを見てると、テンプレートフォルダに同名の wp-syntax.css
があればコチラが優先になるようになっていました。
それで、ダウンロードしたプラグインファイルから wp-syntax.css
をテンプレートフォルダへアップロードしカスタマイズを開始しました。
変更した箇所は .wp_syntax pre
へ以下の設定を末尾に2行追加しました。
white-space: -moz-pre-wrap; white-space: pre-wrap; |
これで良さそうだ。
「wp-syntax, preタグ内の文字をFirefoxでも折返して表示したい」への2件のフィードバック