Question

我似乎无法将我的形象置于中心位置，它的绝对位置是它相对的父母。

我已经使用了inspect元素尝试了很多方法，但它似乎并不想工作。

请参阅此处的示例：http://dassiedev.dassieartisan.com/furniture

这是我的CSS：

    .tm-switch-image-container {
    position: relative;
    overflow: hidden;
    height: 276px;
}
.tm-switch-image-container img {
    width: 276px;
    height: 276px;
    max-width: none;
}

Answer 1

要将img置于div范围内，请提供img display: inline-block规则，然后为div提供text-align: center规则。这将使它水平居中。

.tm-switch-image-container {
    position: relative;
    overflow: hidden;
    height: 276px;
    text-align: center;
}

.tm-switch-image-container img {
    width: 276px;
    height: 276px;
    display: inline-block;
}

在其容器中居中图像

1 个答案: