Problèmes fonctionnels avec la table tr:first-child td
J'ai utilisé CSS et des tableaux pour placer la ligne de fraction entre le numérateur et le dénominateur. Cela ne fonctionne pas correctement sur le navigateur Ant pour les fractions complexes. Vous trouverez ci-dessous un exemple de code utilisé dans l'éditeur try it qui montre le problème. Il y a une bordure indésirable sous la lettre C. Mais quelque chose comme la lettre codée F fera l’affaire. J'ai essayé 4 navigateurs et tous ont eu le même problème. Il existe une solution de contournement pour ajouter style="border:none" au problème < td > (l'ajout d'une classe ne fonctionne pas), mais pourquoi dois-je le faire ? post-scriptum. Oui, je sais <mathématiques> mais c'est trop maladroit pour moi.
<!DOCTYPE html>
<html>
<head>
<style>
table {display:inline-table; vertical-align:middle}
table tr:first-child td {border-bottom:solid black}
td {vertical-align:middle>
</style>
</head>
<body>
V = <table>
<tr> <td>A + <table>
<tr> <td>B</td></tr>
<tr> <td>C</td></tr></table></td></tr>
<tr> <td>D + <table>
<tr> <td>E</td></tr>
<tr> <td>F</td></tr></table>
</td></tr></table>
</body>
</html>