html - 不推荐使用宽度，如何设置一行中单个单元格的宽度？

Question

我希望一行中的第一个单元格具有一定的宽度，但只有那个单元格，其他单元格应该根据它们的内容而变化。我会通过指定宽度在标记中做到这一点，但我看到它已被弃用，标准说使用 css。

Answer 1

我看到它已被弃用，标准说要使用 css。

所以使用CSS！

<td style="width: 100px"></td>

或者更好：

<!-- in your document head -->
<style type="text/css">
  .width100 {
    width: 100px;
  }
</style>

<!-- in your table -->
<td class="width100"></td>

甚至更好：

<style type="text/css">
  td:first-child {
    width: 100px;
  }
</style>

有很多方法可以用 CSS 来表达这一点，但这应该给你一个起点。

Answer 2

tr td:first-child{
width: 100px;
}

您必须始终使用 css 来设置 html 样式，不推荐使用每个样式属性。除了<td style="width:100px;">，但这不是一个好方法。

Answer 3

给它一个唯一的类并在 CSS 中设置宽度。

例子：

<td class="td-SetWidth"></td>

...然后在 CSS

.td-SetWidth {width: 100px;}