J'ai cherché le filet au sujet de la frontière-collapse. Et il semble qu'il ne réduit pas vraiment la frontière sur la table imbriquée. J'ai écrit un exemple HTML et il semble ignorer l'effondrement des frontières.Empêcher les bordures en double sur la table imbriquée (la frontière-collapse ne fonctionne pas)
J'ai trouvé une question connexe ici mais il semble qu'elle ne soit pas résolue. link text
<html>
<head>
</head>
<body>
<p>dsafhidsljfalkdsjfklsdajfkjsdakl jdsfjasdklfasdkljfkl</p>
<table style="border: solid 1px #000000; border-collapse: collapse;" cellpadding="0" cellspacing="0">
<tr>
<td>
<table style="border: solid 1px #000000; border-collapse: collapse;" cellpadding="0" cellspacing="0">
<tr>
<td>
A
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>
B
</td>
<td>
<input type="text" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Info complémentaire (basé sur somacore et le commentaire de moo): Je l'ai déjà utilisé la "border: none" dans la table interne pour résoudre ce problème. Mais sur certains modèles, il ne s'agit pas d'une seule table imbriquée. Pour les pages Web complexes, il faut jusqu'à 3 à 4 niveaux de table imbriqués pour concevoir l'interface graphique. Et à l'intérieur de ces tables imbriquées, toutes les cellules n'utilisent pas de bordure. Je venais d'utiliser un exemple simple pour le problème.
Existe-t-il une autre solution qui sélectionne manuellement la fusion des bordures adjacentes à une seule? Border-collapse fonctionne sur les éléments td et tr d'une table.