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

\ お買い物忘れにご注意!/

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

目次

\ お買い物忘れにご注意!/

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

pre {
white-space: pre-wrap ;
}

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

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

やり方

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

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

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

参考になったらシェアお願いします!

この記事を書いた人

■自己紹介
MEDIARCS ディレクター 河島 靖
1984年5月生まれの39歳

■趣味
銭湯・サウナ行くこと(サウナ・スパ健康アドバイザー)
筋トレ(懸垂をよりできるようになりたい)
音楽鑑賞(Nujabes、NewJeansなど)
ヴィンテージもの、レザーグッズが好き

コメントはこちらよりお願いします

コメントする

目次