Maison >interface Web >tutoriel CSS >css:margin:0 la solution automatique ne peut pas être centrée sous ie8
css:margin:0 la solution automatique ne peut pas être centrée sous ie8
- 黄舟original
- 2017-07-21 13:43:542046parcourir
Aujourd'hui, j'ai écrit un div, en utilisant margin:0 auto; pour définir ses attributs et le centrer, mais il s'est avéré invalide.
Au début, j'ai pensé qu'il s'agissait d'un conflit de code dans le css. Je l'ai vérifié plusieurs fois et j'ai trouvé que c'était OK. Ensuite, je l'ai testé avec Firefox et Google Chrome et j'ai trouvé qu'il était centré. . .
Cela semble être un problème de compatibilité du navigateur. Je me suis soudainement rappelé que j'utilise Win7 et qu'IE a été mis à niveau vers IE8. Il semble que le problème soit la compatibilité d'IE8. Baidu. . . .
La solution est copiée ci-dessous :
Pour réaliser le centrage sous IE6, 7, et Firefox, margin: auto est généralement utilisé pour y parvenir, mais sous IE8, cela ne suffit pas. Deux solutions sont désormais proposées :
Méthode 1 (recommandée) :
Dans un premier temps, il faut paramétrer le type de document en haut de la page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">
et ajouter dans la tête :
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 即可！
Méthode 2 :
Paramètres du corps {text-align:center;width:100%;}
Inclure tous les divs dans 73cfe2cf4f222df9549b79dd64272d33, le wrap est défini comme suit :
#wrap
{
text-align:left;
width:***;
margin:0
auto;
} Et ajoutez en tête :
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
C'est tout !
Méthode 3 :
Utilisez bacbf9e1ad7f40415ce1670e31edfee3adca8a5fa06ffeafb062c2e3f274b930 pour remplacer le calque d'enveloppement dans le second.
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!