那么 直接 使用 line-height与设置的height 值相同即可以实现垂直居中，例如:
html中：
然后在css中:
即可实现span中，“这里是文字” 部分文字内容的垂直居中。
比使用padding-top 的兼容性和效果多要好很多。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：div {width: 200pxborder: 1px solid bluetext-align: center}。
3、浏览器运行index.html页面，此时span在div中成功水平居中了。
