[CSS]fixedでテーブルの列幅が均等を指定する

2014年7月7日2021年10月4日

構文
table-layout: fixed
表と列の幅は table 要素と col 要素の幅によって、または最初の行のセルの幅によって設定されます。
後続する行のセルは列幅の設定に影響しません。
使用例

<style>
table {
/*テーブルの列幅が均等*/
  table-layout: fixed;
  width: 120px;
  border: 1px solid red;
}
td {
  border: 1px solid blue;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
</style>
<table>
  <tr><td>AA</td><td>11002222</td></tr>
  <tr><td>BB</td><td>22113333</td></tr>
  <tr><td>Cc</td><td>332212222</td></tr>
  <tr><td>Dd</td><td>445522222</td></tr>
</table>