問題 HTMLのtableの中のあるセル(td要素)内に、長いURLが入ると、突っ張り棒のようにそのセルの横幅が大きくなってしまう。 word-wrap:break-word;も効いてくれないみたい。 テーブルのセルの幅を調整したいんだけど、Javascriptでも使わないとだめ? TDの中で折り返してもらうには、どうするといい? 解答例 ここまでやれば、たぶん期待した表示になる。 1、table要素に、幅(width)を指定する。 2、td要素にもcol要素か何かで、pxでも%でもよいから、幅(width)を指定する。 3、table要素に、CSSで table-layout:fixed する。 4、td要素(もしくはその中の問題の要素)に、CSSで word-wrap:break-word する。 以下、表示例をいくつか。 1、2だけだと長い単語とみなされたものが突っ張り棒状態になる
![【CSS】TABLEのセルの中でURLが改行してくれない at softelメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a532f1d0053c16ee0f99ee1bf61cbc9212b5220e/height=288;version=1;width=512/https%3A%2F%2Fwww.softel.co.jp%2Fblogs%2Ftech%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F12%2Fie8.png)