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

Question

我想在 css 伪类中将图形居中，但它不起作用。我尝试了以下方法:

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

有人有想法吗？

可以看到here直播中!

Answer 1

如果我理解正确你想要什么，你必须给出 width 并将 display 从 inline-block 更改为 block

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

width 必须是图像宽度