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;
}

html のスタイルを設定するには、常に css を使用する必要があります。すべてのスタイル属性は非推奨です。ただし<td style="width:100px;">、それは良い方法ではありません。

Answer 3

一意のクラスを指定し、CSS で幅を設定します。

例：

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

...次にCSSで

.td-SetWidth {width: 100px;}