span 文字垂直居中

如果span 设置了 height

那么 直接 使用 line-height与设置的height 值相同即可以实现垂直居中，例如:

 

html中：

 

<span class="test">这里是文字</span>

然后在css中:

 

 

.test{
height:30px;
line-height:30px;
}

即可实现span中，“这里是文字” 部分文字内容的垂直居中

 

比使用padding-top 的兼容性和效果多要好很多。