vertical-align 无效

1、认识vertical-align的常见问题

2、vertical-align的作用域：

3、错误示范，这是很多人使用的方式

4、查看效果，文字并未垂直居中显示

5、删除span样式，并指定div样式为：table-cell,并设置垂直居中

6、保存文件之后，查看，内容成功垂直居中