html - colspan 不接受十进制数。如何指定跨度？

Question

<table>
    <thead>
        <th colspan="4">Liquor Store Blues</th>
    </thead>
    <tbody>
        <tr>
            <td colspan="4">Meow</td>
        </tr>
        <tr>
            <td colspan="2">Meow</td>
            <td colspan="2">Meow</td>
        </tr>
        <tr>
            <td colspan="1.33">Meow</td>
            <td colspan="1.33">Meow</td>
            <td colspan="1.33">Meow</td>
        </tr>
        <tr>
            <td>Meow</td>
            <td>Meow</td>
            <td>Meow</td>
            <td>Meow</td>
        </tr>
    </tbody>
</table>

我在这里有一张它的图片:http://i.imgur.com/myKN33l.png

想将第 4 行中每个 td 的 colspan 设置为 1.44 但后来我知道 colspan 不接受十进制数。那我该怎么做呢？我应该使用 CSS 吗？如果是这样，如何？

Answer 1

因为您的第 4 行有 3 个元素，所以您的表格实际上有 12 列，而不是 4 列。

http://cssdeck.com/labs/9lzcwolh

td {
  border: 1px solid;
}

<table>
    <thead>
        <th colspan="12">Liquor Store Blues</th>
    </thead>
    <tbody>
        <tr><td colspan="12">A1</td> </tr>
      
        <tr><td colspan="6">B1</td><td colspan="6">B2</td></tr>
      
        <tr><td colspan="4">C1</td><td colspan="4">C2</td><td colspan="4">C3</td></tr>
      
        <tr><td colspan="3">D1</td> <td colspan="3">D2</td> <td colspan="3">D3</td><td colspan="3">D4</td></tr>
    </tbody>
</table>