タグ

widthに関するange_vvstのブックマーク (1)

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

    問題 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メモ
  • 1