J'ai une construction qui fonctionne bien dans tous les navigateurs sauf iPhone Safari, il colle à gauche si ce n'est pas censé.Margin: 0px automatique n'a pas fonctionné dans Apple Safari
.home {largeur: 980px; marge: 0px auto 0px auto;}
un conseil?
Quoi qu'il en soit, je ne pense pas que la largeur d'écran de l'iPhone est plus 980px ^^
ya, 980px est supérieur à la largeur de l'écran, mais d'autres divs dans ma mise en page a la même largeur (je vérifie juste la sortie du site pour iPhone qui n'a pas de version mobile) largeur supérieure à la largeur de l'écran –
Comment peut-marge: auto; centrer les éléments s'il est plus grand que son contenu? – MatTheCat
Il n'est pas possible de centrer un contenu plus large que l'écran. Avez-vous déjà vu un site où vous pouvez faire défiler vers la gauche à la charge initiale? Je n'ai pas. –
Dans mon cas, il ne fonctionnait pas parce que l'élément parent était un div flex qui n'a pas été correctement préfixé. Voici la solution si vous tombez dans la même situation:
.parent {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.child {
margin: 0px auto;
}
MISE À JOUR: img {display: block; largeur: 200px; marge: 0px auto} fonctionne correctement –