Comment ignorer l'espace blanc supplémentaire dans Google Chrome dans une rangée de table alignée à droite?
-
12-11-2019 - |
Question
J'ai une table avec des cellules alignées à droite générées à côté du serveur. Chaque ligne d'une cellule est facultative, elle est donc enfermée dans une instruction if-then à côté du serveur.
L'exemple de HTML montre 3 colonnes, où la première colonne est défectueuse dans Google Chrome. Les colonnes 2 et 3 sont correctes, mais étranges, car le HTML est le même, à l'exception des Newlines et des espaces blancs.
Lorsque nous examinons la première colonne de Google Chrome, vous remarquerez que la marge de droite ne s'aligne pas à 100% pour chaque ligne dans la cellule.
Ces problèmes n'existent pas dans Firefox ou IE, uniquement dans 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>
Générer le HTML d'une manière différente n'est pas une option.
Comment puis-je faire fonctionner cela dans Google Chrome, non pas en changeant le HTML, mais peut-être à définir un style supplémentaire ou quelque chose?
Pas de solution correcte