Question

我需要更改表中一行的宽度属性，而又不影响它下面其他行的宽度。

Edit1：对不完整的问题表示抱歉。怎么做以及要使用哪个属性？

我尝试使用：

第n个子属性，但会影响该列中的整个行。
通过为该行分配一个类来将样式应用于该行，但这两种方法均无效。

我有一个3x3的表格，我想在其中更改第一行的宽度，而不更改第二行和第三行的宽度。如图所示：

data after click button

Answer 1

您可以使用colspan的{{1}}属性

尝试一下：

td

table,
th,
td {
  border: 1px solid #000;
}

table {
  border-collapse: collapse;
}

td {
  padding: 10px;
  /*added only for better style of example*/
}

完全复制（无内容）：

<table>
  <tr>
    <td colspan="2" >colspan 2</td> <!--this is the corresponding column-->
    <td>normal column</td>
  </tr>
  <tr>
    <td>normal column</td>
    <td>normal column</td>
    <td>normal column</td>
  </tr>
  <tr>
    <td>normal column</td>
    <td>normal column</td>
    <td>normal column</td>
  </tr>
</table>

table,th,td {
  border: 1px solid #000;
}
table {
  border-collapse: collapse;
}
td {
  padding: 40px;
}

引用：https://www.w3schools.com/tags/att_td_colspan.asp

希望有帮助！

CSS仅更改表中的一行

1 个答案: