Come ignorare lo spazio bianco extra in Google Chrome in una riga del tavolo allineata giusta?

StackOverflow https://stackoverflow.com/questions/5962264

Domanda

Ho una tabella con celle di allineamento a destra che vengono generate sul lato server. Ogni riga all'interno di una cella è facoltativa, quindi è racchiusa in un'istruzione if-then sul lato server.

Il campione HTML mostra 3 colonne, in cui la prima colonna è difettosa in Google Chrome. Le colonne 2 e 3 sono corrette, ma strane, perché l'HTML è la stessa, ad eccezione di nuove linee e spazi bianchi.

Quando guardiamo la prima colonna in Google Chrome noterai che il margine giusto non si allinea al 100% per ogni riga all'interno della cella.

Questi problemi non esistono in Firefox o IE, solo in Google Chrome.

    <!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 €</span>
                        <br /><span id="C2">166.666,67 €</span>
                        <br /><span id="C3">489.545,90 €</span>
                    </td>
                    <td style="text-align: right;border: 1px solid #000000;">
                        <span>Ok in Google Chrome</span><br />
                        <span id="D1">500.000,00 €</span><br />
                        <span id="D2">166.666,67 €</span><br />
                        <span id="D3">489.545,90 €</span>
                    </td>               
                    <td style="text-align: right;border: 1px solid #000000;">
                        <span>Ok in Google Chrome</span><br /><span id="D1">500.000,00 €</span><br /><span id="D2">166.666,67 €</span><br /><span id="D3">489.545,90 €</span>
                    </td>                       
                </tr>
            </tbody>
        </table>
    </body>
    </html>

Generare l'HTML in modo diverso non è un'opzione.

Come posso far funzionare questo in Google Chrome, non cambiando l'HTML, ma forse impostando uno stile extra o qualcosa del genere?

Nessuna soluzione corretta

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top