span 文字垂直居中

如果span 設置了 height

那么 直接 使用 line-height與設置的height 值相同即可以實現垂直居中，例如:

 

html中：

 

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

然后在css中:

 

 

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

即可實現span中，“這里是文字” 部分文字內容的垂直居中

 

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