无法对齐图像水平居中

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相对于最近的父元素水平居中。这意味着如果直接父母相对定位，则该孩子将相对于其水平居中。如果父母的父母相对定位，则该元素将相对于该中心居中。如果什么也没有相对定位，您的元素将相对于视口居中。