使用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必须是图片宽度