- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
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>
P粉3995850242024-03-31 12:24:56
Vous ciblez tous les éléments tr à l'intérieur de l'élément td qui est le premier élément enfant.
C est à l'intérieur du premier tr de la table et devient donc la cible, malgré le fait qu'il se trouve également à l'intérieur d'une autre table et tr.
Si vous souhaitez être plus précis, assurez-vous de sélectionner uniquement les enfants directs du premier enfant tr de td , puis le C perdra son soulignement.
V =
A +
|
||
D +
|