使用CSS伪元素居中图形

Question

我想将一个图形居中在一个css伪类中，但它不起作用。我试过以下内容：

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

有没有人有想法吗？

你可以在现场看到它here！

Answer 1

如果我理解正确的，你想要什么，你必须给width，改变从inline-block的display到block

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

width必须是图像宽度