CSS常见问题一(span文字如何居中)

span 文字垂直居中

如果span 设置了 height

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

html中:

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

然后在css中:

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

即可实现span中,“这里是文字” 部分文字内容的垂直居中。
比使用padding-top 的兼容性和效果多要好很多。

推荐阅读更多精彩内容