div上下居中有很多方式
方式一 利用vertical-align
1、 父div外层再配置一个div，同时设置为display:table，宽度为100%
2、父div配置位表格单元格元素display:table-cell和上下居中属性vertical-align:middle
1、首先打开Sublime Text软件，新建一个HTML页面
2、然后我们在html页面中加入div标签，并且在div标签中加入一些文字
3、接下来我们给div标签编写CSS样式，这里主要是text-align和line-height两个属性
4、最后我们运行页面程序，你就会在页面中看到div中的文字水平垂直都居中了。
