Programmiererforum

Ich habe einen Container und ein Bild darin wie folgt: < /p>


.container {
height: auto;
width: 100vw;
position: relative;
overflow: hidden;
}

img {
width: 100%;
min-width: 500px;
object-fit: cover;
object-position: 50% 50%;
}< /code>

[img]https://s.tmimgcdn.com/blog/wp-content/uploads/2016/04/1-9-2.jpg?x47994[/img]
< /code>
< /div>
< /div>
< /p>

Das Bild kann je nach Größe des Bildschirms größer oder kleiner sein als die Abmessungen des Behälters. [url=viewtopic.php?t=14917]Ich möchte[/url] das Bild im Container unter Verwendung von Objektanpassungen und Objektpositionen zentrieren: 50% 50%; Damit in größeren Bildschirmgrößen immer der Behälter und wenn der Behälter kleiner ist, positioniert er sich in der Mitte des Behälters. Keine Wirkung auf die Eigenschaft.