6

サーバー側で生成された右揃えセルのテーブルがあります。セル内の各行はオプションであるため、サーバー側でif-thenステートメントで囲まれています。

サンプルhtmlは3つの列を示していますが、最初の列はGoogleChromeで障害があります。2列目と3列目は正しいですが、HTMLは改行と空白を除いて同じであるため、奇妙です。

Google Chromeの最初の列を見ると、セル内の各行の右マージンが100％整列していないことがわかります。

この問題はFirefoxやIEには存在せず、GoogleChromeにのみ存在します。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    </head>
    <body>
        <table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #000000;">
            <tbody>
                <tr>
                    <td style="text-align: right;border: 1px solid #000000;">
                        <span>Not Ok in Google Chrome</span>
                        <br /><span id="C1">500.000,00 €&lt;/span>
                        <br /><span id="C2">166.666,67 €&lt;/span>
                        <br /><span id="C3">489.545,90 €&lt;/span>
                    </td>
                    <td style="text-align: right;border: 1px solid #000000;">
                        <span>Ok in Google Chrome</span><br />
                        <span id="D1">500.000,00 €&lt;/span><br />
                        <span id="D2">166.666,67 €&lt;/span><br />
                        <span id="D3">489.545,90 €&lt;/span>
                    </td>               
                    <td style="text-align: right;border: 1px solid #000000;">
                        <span>Ok in Google Chrome</span><br /><span id="D1">500.000,00 €&lt;/span><br /><span id="D2">166.666,67 €&lt;/span><br /><span id="D3">489.545,90 €&lt;/span>
                    </td>                       
                </tr>
            </tbody>
        </table>
    </body>
    </html>

別の方法でhtmlを生成することはオプションではありません。

HTMLを変更するのではなく、追加のスタイルなどを設定して、Google Chromeでこれを機能させるにはどうすればよいですか？

4

2 に答える 2

3

HTMLを変更するだけです。

どれくらい難しいですか？どうして変えられないの？

これはHTMLを変更しなくても機能しますが、少しばかげています。

td span {
    display: block
}
td br {
    display: none
}

元のコード： http： //jsbin.com/ipaca5
私の修正：http： //jsbin.com/ipaca5/2

于 2011-05-11T09:55:38.643 に答える
0

各ブラウザはさまざまな方法でHTMLを処理するため（クァークズモードを参照）、CSSを使用してページのスタイルを変更する必要があります。すべて（またはできるだけ多く）で同じ外観を維持するために、EricMeyerのResetReloadedのようなCSSリセットから始めることをお勧めします。次に、そこから好きなようにスタイルを設定できます。

于 2011-05-11T09:52:08.810 に答える