「整形済みテキスト」のスクロール表示をやめて、折り返し表示にしたい(CSS)

WordPressのブロックで 整形済みテキスト では、長い文章を入れると自動でスクロール表示されてしまいます。

整形済みテキスト
ああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおおああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおお
ああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおお

こんな感じで、文章が長いと横にスクロールされてしまいます。

折り返し表示にしたい。

CSSを使用して長い文章を折り返します。

外観 -> カスタマイズ -> 追加CSS
から以下のCSSを追加します。

.xxx-pre-wrap {
  white-space: pre-wrap;
  overflow: auto;
}

「整形済みテキスト」ブロックの高度な設定から、「追加 CSS クラス」に設定。

整形済みテキスト
ああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおおああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおお
ああああああああああいいいいいいいいいいううううううううううええええええええええおおおおおおおおおお

スクロールされなくなりました。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA