table的td设置了colspan 失效

问题: 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;
}

完美解决.