Ich bin sehr neu und versuche diese Website zu erstellen, aber das Hauptbild auf der Seite ist nicht zentriert. Ich habe alle möglichen Dinge ausprobiert, aber sie funktionieren nicht. Auch der Prozentwert für die Breite wird ignoriert.
Ich habe margin / padding auf 0 eingestellt. weiß nicht, was es sein könnte.
css für das Bild:
%Vor%}
und das html-div, das damit zu tun hat:
%Vor%FULL HTML
%Vor%FULL CSS
%Vor% Um inline -default für image- oder inline-block -Elemente zu zentrieren, zentrieren Sie es einfach als Text . Dies bedeutet, dass Sie text-algin für das Elternelement verwenden müssen:
Die andere Lösung ist die von @One Trick Pony und zeigt das Bild als block Element an und wendet dann den automatischen Rand an.
Fügen Sie diesen Code hinzu, dann werde ich zentriert
Ich weiß, das ist ein alter Post, aber ich wollte teilen, wie ich das gleiche Problem gelöst habe.
Mein Bild erbte ein Float: Links von einer Elternklasse. Durch setzen von float: none konnte ich margin: 0 auto und display: block arbeiten richtig. Hoffe, dass es jemandem in der Zukunft helfen kann.
Sie haben zwei Möglichkeiten:
Entfernen Sie img von #pictures und legen Sie dann das Bild in dieses div.
Fügen Sie dem Bild den HTML-Tag #pictures hinzu (Inline-Stil).
Sie können das Anzeige-Tag in #pictures entfernen.
Viel Glück damit.