CSS上下居中(Css上下居中怎么设置)

大家好,小活来为大家解答以上的问题。垂直居中 css，垂直居中css代码这个很多人还不知道,现在让我们一起来看看吧！

1、使文字在div中水平和垂直居中的的css样式为text-align:center; /*水平居中*/line-height: 20px; /*行距设为与div高度一致*/示例如下：HTML元素水平垂直居中css样式div{width:200px;height:200px;  /*设置div的大小*/border:1px solid green;    /*边框*/text-align: center;        /*文字水平居中对齐*/line-height: 200px;        /*设置文字行距等于div的高度*/overflow:hidden;}显示效果。

本文到此分享完毕，希望能帮助到大家。