怎么讓span在div中垂直居中？

1、首先打開hbuilder軟件，新建一盒html文件，寫入一個外圍的div容器標簽，div中設置一個span標簽：

2、然后在上方設置style標簽，在里面設置div的字體，高度和寬度以及背景顏色的屬性，同時設置div的display屬性為table-cell，將它設置為表格元素，然后設置縱向對齊方式vertical-align屬性為中間居中，在span標簽中不設置高度和寬度就可以垂直居中了：

3、最后打開瀏覽器就可看到垂直居中的效果了：