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

HTML5 を選択したバージョンとしてマークアップでhttp://validator.orgtableを使用するとわかるように、マークアップは HTML テーブル モデルに違反しています。たとえば、「要素 col によって確立されたテーブル列 2 には、セルが開始されていません」と表示されます。これは、何かが起こる可能性があることを意味します。

テーブル モデルの要件に応じて、列ごとにその列で始まるセルが少なくとも 1 つあるように、マークアップを修正する必要があります。tableまたは、これは表形式のデータではなくを使用した複雑なレイアウトの試みのように思われるため、 CSS レイアウトなどの他のオプションを検討してください。

于 2013-07-24T20:46:40.807 に答える