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水平居中。这意味着如果直接父级相对定位，则子级将相对于它水平居中。如果父级的父级位于相对位置，则该元素将相对于该父级居中。如果 nothing 相对定位，则元素将相对于视口居中。

无法将图像水平对齐

1 个答案: