0

同じHTMLテーブルに対してFirefoxとChromeで異なる動作が見られます。

Firefox：行間のスペースは均等に分割されます。

Chrome：行間のスペースは均等に分割されていません。

誰かが何が起こっているのか教えてもらえますか？

jsfiddle.net

<html>
    <body>
        <table border="1" width="100%">
            <tr>
                <td rowspan="3">AAA</td>
                <td>BBB</td>
                <td rowspan="3"CCC<br/>CCC<br/>CCC<br/>CCC<br/>CCC<br/>CCC<br/>CCC<br/>CCC<br/>CCC<br/>CCC<br/></td>
            </tr>
            <tr>
                <td>BBB</td>
            </tr>
            <tr>
                <td>BBB</td>
            </tr>
        </table>
    </body>
</html>
4

4 に答える 4

1

これは、Chrome/Webkitブラウザでの既知のレンダリングの問題です。

ユーザーがここで解決策を提供しました：Google Chrome/Webkitでのテーブルセルのレンダリング不良

于 2013-01-31T20:45:01.717 に答える
0

<br/>の代わりにを使用してタグを閉じるを使用する必要があります<br>。

準拠したXHTMLでは、すべてのタグを適切に閉じる必要があります。この場合、タグをで閉じる代わりに</br>、末尾/を使用してそれを行います。

<br></br>

と同等です

<br/>

画像要素でも同じことを行います。

<img src="..."/>
于 2013-01-31T20:32:55.783 に答える
0

Chromeでは行間に1pxのスペースがありますが、他のブラウザでは得られないという同様の問題がありました。CSSに以下を追加すると解決しました。

td{
   padding: 0px 0px;
   position:relative;
}

重要な点は、tdを「position：relative」に設定することです。何らかの理由で問題は解決しました。たぶん同じことがこの状況で役立つかもしれません。

于 2013-05-20T16:04:48.827 に答える
0

3番目を閉じるとどうなりますか<td... 

<td rowspan="3"CCC
<td rowspan="3">CCC
于 2015-05-30T19:45:25.657 に答える