【CSS】TABLEのセルの中でURLが改行してくれない at softelメモ

問題 HTMLのtableの中のあるセル（td要素）内に、長いURLが入ると、突っ張り棒のようにそのセルの横幅が大きくなってしまう。 word-wrap:break-word;も効いてくれないみたい。 テーブルのセルの幅を調整したいんだけど、Javascriptでも使わないとだめ？ TDの中で折り返してもらうには、どうするといい？ 解答例 ここまでやれば、たぶん期待した表示になる。 １、table要素に、幅（width）を指定する。 ２、td要素にもcol要素か何かで、pxでも%でもよいから、幅（width）を指定する。 ３、table要素に、CSSで table-layout:fixed する。 ４、td要素（もしくはその中の問題の要素）に、CSSで word-wrap:break-word する。 以下、表示例をいくつか。 １、２だけだと長い単語とみなされたものが突っ張り棒状態になる

[kurikurimaron]

“word-break: break-all;”

[lod612]

table-layout:fixed

[kiyokichi]

tableに「table-layout:fixed;」するのがコツ