重い飲み物など、お買い物忘れはありませんか?Amazonはこちら

CSSに追加で完了するpreタグ内のコードを改行し折り返す方法

preタグを永久に記事の右端で折り返すために追記するソースコードを紹介します。

お買い物忘れはありませんか?

本記事の目次

preタグを永久に記事の右端で折り返すために追記するソースコード

pre {
white-space: pre-wrap ;
}

このソースコードを追加CSSの欄に書きましょう。

これでpreタグが自動で今後もずっと画面の右から折り返してくれます。

やり方

wordpressの「カスタマイズ」→「追加CSS」というボタンがあるので、

そこにこんな感じで書きます。

これですべてのpreタグに反映されます。

お買い物忘れはありませんか?

当ブログのデザインはWordPressテーマ「SWELL」で作られています。
初心者でも更新しやすく、見た目もシンプルで、SEOにも強いデザインテーマです。

SWELL公式デモサイトを見てみる

コメントはこちら

コメントする

本記事の目次