CSS|半角英数字も自動改行して表示する

メモ

CSSの word-wrap と break-word で文章が要素をはみ出してしまった場合の自動改行設定ができます。

テーブル内の文章折り返し

テーブル内は、テーブルの幅が変わってしまわないように word-break: break-all を指定

table td {
    word-break: break-all;
}

divタグ や pタグの折り返し設定

divタグ や pタグ の場合は、word-wrap: break-word でいける

div {
    word-wrap: break-word;
}

------------------------------
作成日:2018年02月10日
更新日:2018年02月10日
------------------------------

ページの先頭へ