Pourquoi `margin: 0 auto;` ne centre-t-il pas les éléments dans Internet Explorer 8 en mode standard ?-tutoriel CSS-php.cn

Pourquoi `margin: 0 auto;` ne centre-t-il pas les éléments dans Internet Explorer 8 en mode standard ?

Barbara Streisand

Libérer： 2024-11-30 10:42:11

original

361 Les gens l'ont consulté

Why Doesn't `margin: 0 auto;` Center Elements in Internet Explorer 8 Standard Mode?

Comprendre la « marge : 0 auto ; » Problème dans Internet Explorer 8

Dans le domaine du développement Web, réaliser un centrage horizontal a été un défi persistant. La « marge : 0 auto ; » Cette technique est depuis longtemps une solution fiable, mais son efficacité dans Internet Explorer 8 (IE8) a soulevé des questions.

Comportement inattendu dans la norme IE8

Lors de l'application de la "marge : 0 automatique ;" à un élément de niveau bloc, le mode standard IE8 se comporte de manière incohérente. Dans l'exemple fourni, un bouton d'envoi ne parvient pas à se centrer, contrairement à d'autres navigateurs tels que Firefox 3, Opera, Safari, Chrome, IE7 et le mode de compatibilité IE8.

Mystère et comportement non défini

Cette divergence a suscité un débat sur le comportement correct des navigateurs. Selon certains points de vue, tous les navigateurs gèrent la situation de manière incorrecte. Cependant, d'autres soutiennent que la largeur du bouton devrait être de 100 % dans ce cas.

Résoudre le problème avec DOCTYPE

Heureusement, la solution est aussi simple que d'ajouter ce qui suit ligne au début du document HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Copier après la connexion

Cette déclaration définit le type du document et garantit que IE8 restitue les éléments comme prévu et "margin: 0 auto;" centre le bouton comme vous le souhaitez.

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!