CSS 半角英数の連続文字が折り返し表示方法
先日社内の、ホームページを更新している際にテーブルで文字が折り返し表示されていないことがありました。URL等で文字が折り返しされない際に参考にしてください。
対策方法としては、cssでtd要素に下記の分を入力すれば大丈夫です
word-break: break-all;
を記入すれば文字が折り返して表示されます。
また、テーブル以外の要素には、
word-break: break-all;
枠内に収まらない英単語の場合は単語の途中でも折り返しますが、 枠内に収まる限り、単語の途中では折り返しません
word-break: break-all;
word-break: break-all; は、英単語の途中であっても、折り返します。なので、右端でthenのような短い単語の途中でも、
the
n
というようになります
