表中不同行的不同td宽度？

Question

快速问题:如何实现这一目标？(见下图)

td在普通html和css中设置宽度booth没有任何效果.

的td宽度可以改变,但仅具有用于每行相同的宽度.

Answer 1

使用三个单独的<table>块,每个块具有一行,具有三列不同宽度的列.

Answer 2

我不相信它可以轻松地在一张桌子上.

相反,您必须使用colspan属性来重叠不同行上的单元格.

例如,使用6列,第一行将具有colspan = 2,td,colspan = 2

第二行将有td,td colspan = 2,td等等.

它非常混乱 - 您可能需要考虑以不同的方式显示数据,例如,使用DIV

Answer 3

有很多东西要看，但是您需要一个具有三行的父表，其中每一行包含具有三列的另一个表：

<table>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <!-- Set Width of Individual Cells Here -->
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

这是一个工作的jsFiddle来说明。