1、首先打开hbuilder软件，新建一盒html文件，写入一个外围的div容器标签，div中设置一个span标签：
2、然后在上方设置style标签，在里面设置div的字体，高度和宽度以及背景颜色的属性，同时设置div的display属性为table-cell，将它设置为表格元素，然后设置纵向对齐方式vertical-align属性为中间居中，在span标签中不设置高度和宽度就可以垂直居中了：
3、最后打开浏览器就可看到垂直居中的效果了：
首页 >
如何让两个span在div中垂直居中 – CSS – 前端，css div相对
HTML 5与CSS 3权威指南，rouge.css，豆瓣首夜代码css，在html内部css样式，css怎么去除空白的，css3响应式页面，css div相对
军队文职考试都要什么学历和专业的啊 - CSS - 前端，鼠标指针放大镜css | 军队文职考试都要什么学历和专业的啊 - CSS - 前端，鼠标指针放大镜css ...
如何将网页上的文字和图片全打印出来 - CSS - 前端，onclick激活两个css | 如何将网页上的文字和图片全打印出来 - CSS - 前端，onclick激活两个css ...
关于李约瑟难题你怎么解 - CSS - 前端，css 选择前3个li标签 | 关于李约瑟难题你怎么解 - CSS - 前端，css 选择前3个li标签 ...