tableの横幅がはみ出す
tableの横幅がはみ出す
アルファベットの単語の途中で折り返す指定を足す。
|
1 2 3 4 5 6 |
table { width: 100%; table-layout: fixed; /* なくても良い */ word-break: break-all; overflow-wrap: break-word; } |
word-break: break-all
CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて(=アルファベット)、単語中などでの文字の改行に関する禁則処理を解除し、どの文字の間でも改行するようにします。
word-break: break-word 非推奨
overflow-wrap プロパティの値とは関係なく、 word-break: normal や overflow-wrap: anywhere と同じ効果になります。
overflow-wrap は CSS のプロパティで、インライン要素に対して、テキストが行ボックスをあふれないように、ブラウザーが分割できない文字列の途中で改行を入れるかどうかの設定を適用します。word-break とは対照的に、 overflow-wrap は単語全体があふれずに行内に配置できない場合にのみ、改行を生成します。
コメント
コメントはありません。