HTML の表・テーブルの列の幅を設定する方法についての考察

「あんまり自信はないけれども、有用だよな」と思っている内容については記事のタイトルの末尾に「考察」とつけてごまかしておりますが、今回の内容もそんな感じのものです。

新規投稿を追加_‹_comemo_—_WordPress

続きを読む

CSS で作成された表・テーブルに画像を貼り付けてもレイアウトが歪まないようにするには「table-layout:fixed」を追加すればいいようだ

最近まで、表・テーブルに画像を貼り付けたりしたときにテーブルの幅のバランスが崩れたりして困っていたのですが、「table-layout: fixed」を追加すればいいらしいことがわかったので、その覚え書きです。

table タグや display: table を指定している要素に「table-layout: fixed;」を追加すると、以下のような感じで、表の中に大きな画像を挿入しても、指定した幅内に収まってくれるようです。

いや、これだけの話なんですけれども、個人的にはかなりすっきりしました。

参考