prestashop css垂直和水平居中

Question

我需要帮助我在prestashop网页上集中几张图片。

我需要帮助页面底部有3个圆圈（不是社交图标）。我不知道如何将图像置于圆圈中心。

请帮忙

Answer 1

你可以将这些图像放在容器内的绝对位置，然后从那里开始工作：

• 位置：.certifikat类的相对位置，因此任何绝对定位的子节点都将绑定到其容器
• 位置：<img>类
中.certifikat的绝对位置

所以要把它包起来，对于.certifikat类使用：

.certifikat{
    position: relative;
    overflow: hidden;
    /*rest of your code*/
}

如果您知道这些<img>标记的宽度和高度，则可以将它们放在中心位置：

.certifikat img{
    position: absolute;
    top: 50%; left: 50%;
    margin-left: -(halftheirwidth);
    margin-top: -(halftheirheight);
}

或如果您不知道其确切的宽度和高度，可以使用翻译方法：

.certifikat img{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}

希望这能指出你正确的方向