Was ist der beste Weg, um Bilder auf Websites zu zentrieren?
Jedes Mal, wenn ich an einem neuen Projekt arbeite, habe ich keine Probleme, den Text mit "text-align: center" zu zentrieren, um den Text zu zentrieren, aber ich habe noch nie einen ähnlichen Code zum Zentrieren von Bildern gesehen, daher habe ich den Code immer gehackt Entweder zentrieren Sie die Bilder im HTML-Code (nicht die sauberste Option) oder geben Sie dem Bild eine variable Breite (was bei mehreren Auflösungen nicht funktioniert). Gibt es eine Möglichkeit, dies zu erreichen, die ich nicht versucht habe? Und weiß jemand, ob so etwas in CSS3 implementiert wird?
Setzen Sie den Stil der enthaltenen Elemente auf
text-align:center;
stellen Sie Ihren Bildstil auf ein
display:inline-block;
margin:auto;
Srulys Antwort trifft den Nagel auf den Kopf. Das einzige, was ich hinzufügen möchte, ist vertical-align: middle; für das Bild-Tag wie folgt:
display:inline-block;
margin:auto;
vertical-align: middle;