無法對齊圖像水平居中

Question

我想將我的圖像水平放置到中心，但我似乎無法使它工作，這就是我所擁有的。

.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

邊距和絕對定位一般不混合。

如果你想水平居中，你可以做到這一點（相對定位）：

margin: 0 auto; 

還是這個（絕對定位）：

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

對於第二種方案，請記住，它將以position:relative相對於最近的父元素水平居中。這意味着如果直接父母相對定位，則該孩子將相對於其水平居中。如果父母的父母相對定位，則該元素將相對於該中心居中。如果什麼也沒有相對定位，您的元素將相對於視口居中。