table 用chrilds给td设置不同宽度 css

可以使用 `:nth-child()` 伪类来选择 table 中的某一列，然后为这一列中的 td 元素设置不同的宽度。

例如，如果想要设置第一列的宽度为 100px，第二列的宽度为 200px，第三列的宽度为 300px，可以使用以下 CSS：

table td:nth-child(1) {
  width: 100px;
}

table td:nth-child(2) {
  width: 200px;
}

table td:nth-child(3) {
  width: 300px;
}

这样就可以分别为每一列中的 td 元素设置不同的宽度了。

需要注意的是，如果 table 中有多个 tbody，那么每个 tbody 中的 tr 元素都会被计算在内，所以在使用 `:nth-child()` 伪类时需要格外注意。如果想要只针对某个 tbody 中的 tr 元素进行样式设置，可以使用 tbody 的类名或 ID 来进行选择。

相关问题

table 给td设置不同宽度 css

可以使用`<colgroup>`标签来设置 table 中的列的宽度，从而使所有的 td 元素都遵循这个宽度。如果需要给不同的列设置不同的宽度，可以在`<colgroup>`标签中使用多个`<col>`标签，每个`<col>`标签设置一个宽度，然后在 table 中的 td 元素中使用`colspan`属性来占用对应的列。

下面是一个例子：

<table>
  <colgroup>
    <col style="width: 100px;">
    <col style="width: 200px;">
    <col style="width: 300px;">
  </colgroup>
  <tr>
    <td>第一列</td>
    <td colspan="2">第二列和第三列合并</td>
  </tr>
  <tr>
    <td>第一列</td>
    <td>第二列</td>
    <td>第三列</td>
  </tr>
</table>

在这个例子中，第一列的宽度为 100px，第二列的宽度为 200px，第三列的宽度为 300px。第二行中第一列、第二列和第三列分别占用了对应的列，所以它们的宽度分别是 100px、200px 和 300px。

css给table每一列设置不同宽度

可以使用CSS中的`:nth-child()`选择器来为table的每一列设置不同的宽度，具体代码如下：

table tr td:nth-child(1) {
  width: 100px;
}

table tr td:nth-child(2) {
  width: 200px;
}

table tr td:nth-child(3) {
  width: 50px;
}

这段代码将会为table中的第一列设置宽度为100px，第二列设置宽度为200px，第三列设置宽度为50px。你可以根据自己的需要来设置每一列的宽度。