À propos de l'affichage sous ie7 : tutoriel d'exemple de bloc en ligne

À propos de la solution non prise en charge pour l'affichage : inline-block sous ie7

J'ai rencontré ce problème lors du codage aujourd'hui.

S'il s'agit d'un élément en ligne, tous les navigateurs le prennent en charge lorsque son paramètre d'attribut d'affichage est défini sur inline-block.

Au contraire, s'il s'agit d'un élément de niveau bloc, définissez-le sur display : inline-block; alors ie6/ie7 ne le prend pas en charge.

Utiliser display:inline-block pour les éléments en ligne dans IE ne le reconnaît pas, mais l'utilisation de display:inline-block déclenchera la mise en page sous IE, créant ainsi des éléments en ligne. représentation de l'attribut display:inline-block.

À l'heure actuelle, l'élément block est uniquement une disposition déclenchée par display:inline-block, et il s'agit d'une disposition en ligne elle-même, donc après le déclenchement, l'élément block est toujours en disposition en ligne , et ne le sera pas car les éléments Block dans Opera sont rendus sous forme d'objets en ligne.

Solution :

1 (C'est ce que j'ai utilisé cette fois)

Directement. définissez l'élément de bloc à rendre en tant qu'objet en ligne (définissez l'attribut display:inline), puis déclenchez la disposition de l'élément de bloc (comme l'attribut zoom:1 ou float, etc.). Le code est le suivant :
/*Recommandé : IE6, 7*/ div {

                                        *zoom:1;

🎜>

                                                                                                                                                                   Tous les trois sont indispensables

/*Recommandé*/div {

>

                                                                                                                                                                                                                                                                                                                                                                                   , (copier)

Utilisez d'abord l'attribut display:inline-block pour déclencher l'élément de bloc, puis définissez display:inline pour afficher l'élément de bloc en tant qu'élément de bloc. objet en ligne (deux affichages doivent être placés dans deux instructions CSS l'une après l'autre pour être efficaces. Il s'agit d'un bug classique d'IE. Si display:inline-block est défini en premier, puis l'affichage est remis en ligne ou en bloc, le la mise en page ne disparaîtra pas). Le code est le suivant (...les autres contenus d'attribut sont-ils omis) :

div {display:inline-block;...}

div {display :inline;}

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!