0

ie10 は、colspan に細かい境界線を表示していません。
他のブラウザではうまく表示されますが、IE 10 では表示されません。コードを以下に掲載します。

HTML コード:

<table>
<thead>
    <tr>
        <td rowspan="2">1</td>
        <td rowspan="2">2</td>
        <td colspan="4">3</td>
        <td rowspan="2">4</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td colspan="2">7</td>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td colspan="3">4</td>
        <td>5</td>
    </tr>
</tbody>
</table>

CSS コード:

table tr td {
    border: 1px solid black;
    width: 100px;
}
table {
    border-collapse:collapse;
}

7 歳未満の境界線はなくなりました。どうすればそれを示すことができますか?

jsfiddle の例を次に示します: http://jsfiddle.net/H4z7Q/

追加: ie10 で何らかのイベントが発生した場合、ボーダーは正常に戻ります。

4

2 に答える 2

0

テーブル インライン スタイルの統計を使用できます。それ以外のborder-collapse:collapse;

<table cellpadding=0 cellspacing=0>

同じ効果としてカウントされます。しかし、戻ってきて、あなたの問題を解決します

于 2013-06-26T08:11:58.907 に答える
-1

マークアップは HTML テーブル モデルに違反しています。http: //validator.w3.orgでチェックするとわかるように、最初の行を参照すると、「要素 td によって確立されたテーブル列 6 には、セルが開始されていません」と書かれています。

したがって、すべての賭けはオフです。適合するようにテーブル構造を変更するか、レイアウト テーブル以外のツールを使用して目的のレイアウトを実現してみてください。

于 2013-06-26T10:22:44.233 に答える