TABLEタグに関するメモ（HTML）

（１）文字数に関係なくセル幅を固定する

　「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;
             }

【イメージ】

文字数に関係なくセル幅を固定表示。

【出典】

https://html-coding.co.jp/knowhow/tips/000219/