Kann Bild horizontal nicht zentrieren

Question

Ich versuche, mein Bild horizontal zur Mitte zu positionieren, aber ich kann nicht scheinen, es zu arbeiten, das ist, was ich habe.

.drugimg p img { 
    position: absolute; 
    align-items: center; 
    justify-content: center; 
    display: inline; 
    margin-left: 0 auto; 
    margin-right: 0 auto; 
    text-align: center; 
    width: 30%; 
    border: 3px solid #73ad21; 
    padding: 5px; 
    } 

Answer 1

Ränder und absolute Positionierung im Allgemeinen nicht mischen.

Wenn Sie horizontal zentriert Sie können entweder tun, um diese (relative Positionierung):

margin: 0 auto; 

Oder diese (absolute Positionierung):

position: absolute; 
left: 50%; 
transform: translateX(-50%); 

Für die zweite Lösung, bedenken Sie, dass Es wird horizontal relativ zum nächsten übergeordneten Element mit position:relative zentriert. Dies bedeutet, dass wenn das unmittelbare Elternteil relativ positioniert ist, das Kind relativ zu diesem horizontal zentriert sein wird. Wenn das übergeordnete Objekt des übergeordneten Elements relativ positioniert ist, wird das Element relativ dazu zentriert. Wenn nichts relativ positioniert ist, wird Ihr Element relativ zum Ansichtsfenster zentriert.