css - 在表格中设置列宽样式的正确方法是什么？

Question

如何设置此表格的样式，使第一列的宽度为 X 像素，第二列的宽度为 Y 像素。设计风格的最佳方式是什么？我想给每个 TD 添加类(class)不是可行的方法。我应该使用 COL 并为其设置样式吗？

<table>
 <tr>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
 </tr>
</table>

Answer 1

CSS 是设置 HTML 样式的正确方式。

像通常在其他标签上一样使用 CSS 类名。

<table>
 <tr>
  <td class='col1'></td>
  <td class='col2'></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
 </tr>
</table>

CSS:

.col1 {
   width:100px
}

.col2 {
   width:120px
}