简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Problèmes fonctionnels avec la table tr:first-child td
P粉590929392
P粉590929392 2024-03-30 13:24:05
0
1
306

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粉590929392
P粉590929392

répondre à tous(1)
P粉399585024
P粉3995850242024-03-31 12:24:56 1 plancher

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 +
B
C
D +
E
F
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！