Comment puis-je rendre visibles les bordures des cellules de tableau vides dans Internet Explorer 7 ?

CSS pour l'affichage des bordures de cellules vides

Question :

Comment puis-je utiliser CSS pour s'assurer que la bordure d'une cellule de tableau reste visible, même lorsque la cellule est vide ?

Spécifique Contexte :

L'exigence s'applique spécifiquement à Internet Explorer 7.

Réponse :

Dans certaines versions d'Internet Explorer, des cellules vides peuvent n'apparaissent que s'ils contiennent du contenu. Pour résoudre ce problème :

• Espace insécable : Insérez un espace insécable HTML ( ) dans la cellule vide. Cela remplira généralement le vide et affichera la bordure.
• Solution CSS pure : Dans Internet Explorer 8 et versions ultérieures, la propriété empty-cells contrôle la visibilité des cellules. Réglez-le sur show pour afficher les cellules vides. Cependant, cette propriété n'est pas prise en charge dans IE7, une approche alternative est donc requise.

Pour IE7, il n'existe pas de solution CSS intégrée pour afficher les bordures de cellules vides. Pour contourner le problème :

• Ajouter du contenu : Pensez à ajouter un contenu minimal, tel qu'un petit point (.) ou un seul caractère, à la cellule vide.
• Créer un pseudo-élément : Utilisez les pseudo-éléments ::before ou ::after pour créer un élément invisible qui occupe le vide espace et affiche la bordure souhaitée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!