Pourquoi « display : inline-block » a-t-il besoin d'un hack pour Internet Explorer 6 et 7 ?

Problèmes de compatibilité multiplateforme : blocage en ligne dans Internet Explorer 6 et 7

La propriété display: inline-block, conçue pour simuler le bloc en ligne Les éléments dotés d'attributs d'affichage de type bloc sont confrontés à des problèmes de compatibilité dans les versions 6 et 7 d'Internet Explorer. Contrairement aux éléments naturellement en ligne, les éléments non en ligne comme les divs nécessitent des modifications spécifiques pour obtenir un comportement de bloc en ligne.

Solution pour Internet Explorer 6 et 7 :

Pour surmonter ce problème de compatibilité, du CSS supplémentaire est nécessaire pour compléter l'affichage : propriété inline-block pour les éléments non-inline :

#yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

• affichage : inline-block : Établit le comportement d'affichage souhaité.
• *display: inline : Un hack CSS "sûr" qui cible IE7 et les versions antérieures.
• zoom : 1 : Fournit hasLayout dans IE6/7, qui est requis pour que le bloc en ligne fonctionne de manière cohérente.

Remarques supplémentaires :

• Cette solution de contournement maintient un CSS valide, en particulier lorsqu'elle est utilisée conjointement avec des préfixes spécifiques au fournisseur.
• Pour plus d'informations concernant display: inline-block et ses subtilités, reportez-vous à la documentation pertinente.

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!