行内元素背景图居中的问题？

Question

设置了背景图垂直居中但为什么没有居中呢，
反而什么都不设，background: url(../images/renzheng.png) no-repeat就居中了，不知为什么？

.renzheng span {
    background: url(../images/renzheng.png) no-repeat center left;
    padding: 0 20px;
    /* line-height: 30px; */
    display: inline-block;
}

Answer 1

什么都不用设置就达到效果，这是最好的，实在不行，你可以试试margin属性和padding属性，把上边界和下边界设置成相同的值就可以了！

Answer 2

background-position:center center;background-position:50% 50%;才水平垂直居中

Answer 3

行内元素垂直居中一般用vertical-align: middle;但是它一般没用，通常采用line-height或者定位来实现效果哦