Bild zentrieren mit text-align center?

Question

Ist die Immobilie text-align: center; eine gute Möglichkeit, ein Bild mit CSS zu zentrieren?

img {
    text-align: center;
}

Answer 1

.img-container {
  display: flex;
}

img {
  margin: auto;
}

Dadurch wird das Bild sowohl vertikal als auch horizontal zentriert.

Answer 2

Wenn Sie das Bild als Hintergrund festlegen möchten, habe ich eine Lösung:

.image {
    background-image: url(yourimage.jpg);
    background-position: center;
}

Answer 3

Ich würde ein div verwenden, um ein Bild mittig auszurichten. Wie in:

<div align="center"><img src="your_image_source"/></div>

Answer 4

Verwenden Sie dies für Ihre img CSS:

img {
  margin-right: auto;
  margin-left: auto;
}

Answer 5

Eine weitere Möglichkeit der Skalierung - die Anzeige:

img {
  width: 60%; /* Or required size of image. */
  margin-left: 20% /* Or scale it to move image. */
  margin-right: 20% /* It doesn't matters much if using left and width */
}