有关垂直居中css代码，有许多人不了解，那么下面来看看小守对垂直居中css代码的相关介绍。
垂直居中css代码
1、使文字在div中水平和垂直居中的的css样式为text-align:center;/*水平居中*/line-height:20px;/*行距设为与div高度一致*/示例如下：HTML元素水平垂直居中css样式div{width:200px;height:200px;/*设置div的大小*/border:1pxsolidgreen;/*边框*/text-align:center;/*文字水平居中对齐*/line-height:200px;/*设置文字行距等于div的高度*/overflow:hidden;}显示效果。
本文到此分享完毕，希望对大家有所帮助。
