tableのセル(td)の幅を均等にする

tableのセル( td )の幅を均等に揃えるには、CSSで以下のように指定すると簡単に設定ができます。

table-layout: fixed を使うと、中のコンテンツの幅に関係なく強制的に均等になります。

画像やテキストが大きい場合、はみ出したり折り返したりしますので、overflow: hidden; や word-break の調整が必要なこともあります。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次