![見出し画像](https://assets.st-note.com/production/uploads/images/13278868/rectangle_large_type_2_a73a3852b8dad14f33a0147f1ba53d44.png?width=1200)
TABLEタグに関するメモ(HTML)
(1)文字数に関係なくセル幅を固定する
「table-layout」プロパティに「fixed」を指定 +
配下の要素の幅を指定する。
(tableの列幅を固定レイアウト化して、幅を設定可能。
fixedを指定してセルごとの幅を指定しない場合、
全体の横幅からそれぞれ均等にセルへと幅が振り分けられる。)
tableタグへのこの設定+tdタグへの「width」設定が必要。
【例(CSS)】
table.inner{display:none;
border-collapse: collapse;
table-layout: fixed;
}
table.inner tr{border: 1px solid rgb(0, 0, 0);}
table.inner th{width: 100px;
text-align: center;
background-color: rgb(146, 147, 148);
color : rgb(255,255,255);
}
table.inner td{display:block;
padding: 15px;
width: 400px;
}
【イメージ】
文字数に関係なくセル幅を固定表示。
【出典】
この記事が気に入ったらサポートをしてみませんか?