Question

当我运行下面的代码时，比例全部关闭。我需要更改什么来获得正确的间距？标记为2的底部的列大约是标记为4的顶部的列的大小的4/5。

<body bgcolor="#14B3D9">
    <table width="100%" border="1" bgcolor="#ffffff">
        <colgroup> <!-- Sets up table for spacing -->
        <col width="10%">
        <col width="10%">
        <col width="10%">
        <col width="10%">
        <col width="10%">
        <col width="10%">
        <col width="10%">
        <col width="10%">
        <col width="10%">
        <col width="10%">
    </colgroup>

    <tr>
        <td colspan="4">4</td>
        <td colspan="2">2</td>
        <td colspan="4">4</td>
    </tr>

    <tr>
        <td colspan="10">10</td>
    </tr>

    <tr>
        <td colspan="5">5</td>
        <td colspan="5">5</td>
    </tr>

    <tr>
        <td colspan="2">2</td>
        <td colspan="6">6</td>
        <td colspan="2">2</td>
    </tr>


    </table>
</body>

Answer 1

table标记违反了HTML表模型，正如您在标记上使用http://validator.org并将HTML5作为所选版本所看到的那样;它说，例如“由元素col建立的表格列2没有从其开始的单元格。”这意味着任何事情都可能发生。

您应该更正标记，以便对于每个列，至少有一个单元格以表格模型的要求开始。或者，因为这似乎是尝试使用table而不是表格数据进行复杂布局，请考虑其他选项，例如CSS布局。

Colspan尺寸不起作用

1 个答案: