使用 th、td、col 分配 Table 列宽的最佳方法

Question

使用以下方法分配列宽的最佳方法是什么：<col> <th> <td>?

优缺点是什么？

Answer 1

了解 html5 最重要的一点是内容与标记的分离。 table 中的列宽是标记，而不是内容，因此使用的标签无关紧要，无论如何都应该使用 CSS 选择器。话虽如此，我认为如果您的 table 已经包含一个 col 标签，您应该将样式应用于它。

Answer 2

通过 css 将宽度分配给 标签，每个标签使用 class 名称，例如 .col-1、.col-2、.col-3 等

定位这些选择器比使用 td:nth-child(n) 或必须为每个 td 指定 class 名称要容易得多。您的代码将解析得更快，也更清晰。