colspan不接受十进制数字。如何指定范围？ [英] colspan doesn't accept decimal numbers. How do I specify the span?

问题描述

<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

I have got an image of it over here: http://i.imgur.com/myKN33l.png

想要设置每个 td 's colspan 在第4行到 1.44 但是然后我才知道 colspan 不带小数。那我该怎么做？我应该使用CSS吗？如果是这样，怎么样？

Wanted to set each td's colspan in the 4th row to 1.44 but then I came to know that colspan doesn't take decimal numbers. So how do I do it? Should I have to use CSS? If so, how?

推荐答案

由于你的第4行有3个元素，你的表实际上有12列，而不是4列。

Because of your 4th row having 3 elements, your table actually has 12 columns, not 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>

这篇关于colspan不接受十进制数字。如何指定范围？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！