html - CSS格式化表格行宽和列宽

Question

我有一张这样的 table

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

表格看起来像这样

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

所有列都遵循一条垂直线。我不希望 X 行与表格的其余部分遵循相同的垂直线，因此它应该看起来像这样

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

我可以用 CSS 做到这一点吗？

Answer 1

唯一的方法是要么不在 HTML 中使用表格标签，要么使用它们，但将 display: block 应用到所有 table 、tr 和 td 元素，并为所有这些元素固定了 width。 (然而，这使得表格标签的使​​用变得毫无意义)