0

当我运行下面的代码时，比例都关闭了。我需要改变什么以获得正确的间距？底部标记为 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>
4

1 回答 1

0

该table标记违反了 HTML 表格模型，您可以通过在 HTML5 作为选定版本的标记上使用http://validator.org来看到；它说，例如“由元素 col 建立的表列 2 中没有开始的单元格。” 这意味着任何事情都可能发生。

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

于 2013-07-24T20:46:40.807 回答