table的td设置了colspan 失效

原创已于 2024-02-25 16:46:30 修改

· 1.4k 阅读

0 ·

版权

文章标签：

#html5

于 2023-10-18 11:13:08 首次发布

Vue相关专栏收录该内容

13 篇文章

订阅专栏

问题: td设置colspan属性无效

    <table border>
      <tbody>
        <tr>
          <td colspan="2">1</td>
          <td colspan="2">1</td>
          <td colspan="2">1</td>
          <td colspan="2">1</td>
        </tr>
        <tr>
          <td colspan="1">1</td>
          <td colspan="2">1</td>
          <td colspan="3">1</td>
          <td colspan="2">1</td>
        </tr>
      </tbody>
    </table>

解决: 给table设置样式 table-layout: fixed;

table {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #000;
    border-collapse: collapse;
}

完美解决.