Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8732

table のセル内でテキストが折り返さない時の解決方法

$
0
0

現象

table 内のセルで英数字が折り返さず横幅を広げてしまう…:weary:

原因

改行に関する CSS プロパティ overflow-wrapが効いていない。

table{overflow-wrap:break-word;/* IE11 にも改行させる場合 */word-wrap:break-word;}

解決方法

table のレイアウトに関する CSS プロパティ table-layoutを設定する。

table{table-layout:fixed;overflow-wrap:break-word;/* IE11 にも改行させる場合 */word-wrap:break-word;}

これでセル内で英数字が改行されました!


Viewing all articles
Browse latest Browse all 8732

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>