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

Question

如何设置此表的样式，使第一列宽X像素，宽Y像素宽。设计风格的最佳方式是什么？我想在每个TD上添加课程都不是要走的路。我应该使用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
}

Answer 2

根据您的浏览器支持要求，您可以考虑为colgroup设置样式。对于表格，我总是只在第一行的width上设置td。