css - 使用 css 伪元素将图形居中

Question

我想在一个 CSS 伪类中居中一个图形，但它不起作用。我尝试了以下方法：

#login .login:before {
    content: url('../images/lglp.png');
    display: inline-block !important;
    margin: 0 auto !important;
}

有人有想法吗？

你可以在现场看到它！

Answer 1

如果我理解正确你想要什么，你必须给出width并改变displayfrominline-block到block

#login .login:before {
    content: url('../images/lglp.png');
    display: block;
    margin: 0 auto;
    width:32px;
}

width必须是图像宽度