こんにちは、ユアサです。 業務の中で、動的ページ内で長文テキストを表示した際にデザインが崩れてしまうといった見落としが何度かあったので、今回は動的ページにおける長文テキスト対策について自分の備忘録も兼ねてまとめていきます。 ①コンテンツ範囲からはみ出す CMS管理のお知らせ記事の一覧ページやコーポレートサイトでよく見る店舗情報ページなど、動的ページではできる限りどんな内容が入力・登録されてもデザインが崩れないよう対応しておきたいですよね。注意しておきたいポイントの一つとしてよく挙げられるのが『長文テキスト』です。 しかし、長文テキストが入る想定をせずにコーディングを進行すると思わぬミスが生まれます。長文テキスト対応を忘れて起こるミスの筆頭としてまず挙がるものといえばコンテンツ範囲からはみ出す現象でしょう。 以下のコードをご覧ください。 See the Pen Untitled by fel