html - 表格调整 th 和 td 的行宽

Question

我有一张 table 和 <th>和 <td>假设宽度相同，我在 sass 和 css 中做错了什么？ nth-child(1)和 nth-child(2)假设有 20% 和 nth-child(3) 60%，我做错了什么？谢谢。

sass 代码:

 table {
      th,td:nth-child(1),
      th,td:nth-child(2) {
        width: 20%;
      }
      th,td:nth-child(3) {
        width: 60%;
      }

      tr {
        width: 100%;
        table-layout: fixed;
        display: inline-table;
      }
  }

table th, table td:nth-child(1),
table th, table td:nth-child(2) {
  width: 20%;
}
table th, table td:nth-child(3) {
  width: 60%;
}

<table>
  <thead>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

Answer 1

这是一个简单的解决方案:

将表格宽度设置为 100%

table {
  width: 100%;
  text-align: center;
}

th {
  width: 20%;
}

th:nth-child(3) {
  width: 60%;
}

就这些