设置了背景图垂直居中但为什么没有居中呢,
反而什么都不设,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;
}
background-position:center center;background-position:50% 50%;才水平垂直居中
行内元素垂直居中一般用vertical-align: middle;但是它一般没用,通常采用line-height或者定位来实现效果哦
什么都不用设置就达到效果,这是最好的,实在不行,你可以试试margin属性和padding属性,把上边界和下边界设置成相同的值就可以了!