Html CSS格式化表行和列宽

我有一张这样的桌子

<table>
  <tbody>
    <tr>
      <td>
      </td>
      <td>
      </td>
     </tr>
     <tr>
      <td>
      </td>
      <td>
      </td>
     </tr>
...more rows.

|col1|col2|
|col1|col2|
|col1|col2|
|col1|col2|

|col1|col2|
|col1|col2|
|this row should not follow the same vertical lines|col2|
|col1|col2|

所有列都沿着一条垂直线。我不希望X行与表的其余部分沿着相同的垂直线，所以它应该是这样的

<table>
  <tbody>
    <tr>
      <td>
      </td>
      <td>
      </td>
     </tr>
     <tr>
      <td>
      </td>
      <td>
      </td>
     </tr>
...more rows.

|col1|col2|
|col1|col2|
|col1|col2|
|col1|col2|

|col1|col2|
|col1|col2|
|this row should not follow the same vertical lines|col2|
|col1|col2|

---

有什么方法可以用CSS实现吗？

唯一的方法是在HTML中根本不使用表标记，或者使用它们，而是将

display:block

应用于所有

table

，

tr

和

td

元素，并将

width

应用于所有这些元素。（然而，这使得表格标签的使用变得毫无意义）

忽略

表格

在这种情况下，您可以使用

flex或float来模拟表格的外观，看看下面的工作代码段（使用bootstrap 4），希望能有所帮助：）



可乐
可乐
可乐
可乐
此行不应沿着相同的垂直线
可乐
可乐
可乐
不，这是表格的目的。对于特定的行使用不同的表，或者将其放在单独的分区中。谢谢您提供了替代解决方案，但这并不能解决我的问题，因为我必须使用现有的html结构。