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

Utilice Raster Zum Stapeln von Bildern. Es ist sehr einfach, hier ist der Code

.grid {
   display:grid;
}

.grid img {
    display:block;
    margin:0 auto;
}

Answer 2

So zentrieren Sie ein Bild mit CSS.

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

Sie können mehr erfahren aquí

Answer 3

Wenn Sie ein Bild sowohl vertikal als auch horizontal zentrieren möchten, unabhängig von der Bildschirmgröße, können Sie diesen Code ausprobieren

img{
   display: flex;
   justify-content:center;
   align-items: center;
   height: 100vh;
}

Answer 4

Verwendung:

<dev class="col-sm-8" style="text-align: center;"><img src="{{URL('image/car-trouble-with-clipping-path.jpg')}}" ></dev>

Ich denke, dass dies der Weg ist, um ein Bild im Laravel-Framework zu zentrieren.

Answer 5

Manchmal fügen wir die Inhalte und Bilder direkt über den WordPress-Administrator in die Seiten ein. Wenn wir die Bilder innerhalb des Inhalts einfügen und diese zentriert ausrichten wollen. Der Code wird als angezeigt:

 **<p><img src="https://abcxyz.com/demo/wp-content/uploads/2018/04/1.jpg" alt=""></p>**

In diesem Fall können Sie CSS-Inhalte wie folgt hinzufügen:

article p img{
    margin: 0 auto;
    display: block;
    text-align: center;
    float: none;
}