如何利用css使文字垂直居中和水平居中（简单常用）

垂直居中和水平居中

1、让文本水平居中
① 设置字体属性 text-align:center 设置在字体的父元素上
②利用弹性布局display：flex 然后设置布局下的属性justify-content：center 都是设置在字体的父元素上
2、让文本垂直居中
①利用弹性布局display：flex 然后设置不=布局下的align-items：center,他们都设置在文字的父元素上
②如果只有一段文字要居中的话，只需要设置行高line-height和容器的高度相同就行
③在文字的父元素使用display：table，然后在文字设置display：table-cell，在加上一个vertical-align：middle也可以实现

以上都是一些简单常用的让文字居中的方法