Maison >interface Web >tutoriel CSS >Comment afficher les bordures des cellules vides dans Internet Explorer 7 ?

Comment afficher les bordures des cellules vides dans Internet Explorer 7 ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-19 08:42:02350parcourir

How to Display Borders on Empty Cells in Internet Explorer 7?

Styler des cellules vides dans IE 7

Faire apparaître la bordure d'une cellule vide dans Internet Explorer 7 (IE7) peut être difficile en raison de la configuration du navigateur. comportement de masquage des cellules vides. Pour résoudre ce problème, envisagez les approches suivantes :

Solution CSS pure

Comme mentionné dans la réponse, IE7 a des limites pour afficher les bordures des cellules vides par défaut. Cependant, vous pouvez essayer l'astuce CSS suivante :

table {
  border: 1px solid black;
  border-collapse: collapse;
  empty-cells: show;
}

Solutions de secours

Étant donné que la solution CSS pure peut ne pas fonctionner de manière cohérente dans IE7, les méthodes alternatives incluent :

  • Insérer un espace insécable : Ajouter un espace insécable ( ) dans la cellule vide peut forcer le navigateur à l'afficher.
  • Masquer/Afficher les cellules vides : Bien qu'IE8 prenne en charge la propriété empty-cells pour masquer les cellules vides, il ne le fait pas. ça ne marche pas dans IE7. Par conséquent, cette approche n'est pas recommandé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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn