宽高百分百让文字水平垂直居中

注意：css加在 父元素 上

水平居中

display: -webkit-flex;justify-content:center; 

垂直居中

align-items: center; display: -webkit-flex;

demo：

<div class='div'>   <div class='div2'>       <span>你好吗</span>   </div></div>

css：

.div{            
width: 100px;            
height: 100px;            
border: 1px solid #ccc;  
}
.div2{            
width: 100%;            
height: 100%;            
align-items: center;             
display: -webkit-flex;            
justify-content:center;    
}

效果如下：