CSS⽂字在div中显⽰在中⼼位置
//CSS3
.text-div-center {
display: -moz-box;/*兼容Firefox*/
display: -webkit-box;/*兼容FSafari、Chrome*/
-moz-box-align: center;/*兼容Firefox*/
-webkit-box-align: center;/*兼容FSafari、Chrome */
-moz-box-pack: center;/*兼容Firefox*/
-webkit-box-pack: center;/*兼容FSafari、Chrome */
css设置文字垂直居中width: 200px;
height: 200px;
}
<div class="text-div-center" >北</div>
在使⽤CSS 1.0或CSS 2.0的时候，在div元素内部直接放置⽂字，如果想让⽂字垂直居中，直接使⽤text-align属性就可以了，但若要让⽂字垂直居中，由于div元素是不能使⽤vertical-align属性的，所以就很难做到了。在CSS 3中，只要让div元素使⽤box-align属性（排列⽅向默认为horizontal）,⽂字就可以垂直居中了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。