tableのセル( td )の幅を均等に揃えるには、CSSで以下のように指定すると簡単に設定ができます。
1 2 3 4 5 6 |
.table_sample { table-layout: fixed; width: 100%; } |
table-layout: fixed を使うと、中のコンテンツの幅に関係なく強制的に均等になります。
画像やテキストが大きい場合、はみ出したり折り返したりしますので、overflow: hidden; や word-break の調整が必要なこともあります。