微信小程序：文字居中对齐，垂直居中对齐

时间 2019-11-19

标签微信程序文字居中对齐垂直繁體版

原文原文链接

刚刚接触CSS，用了各类方法都不行，flex

什么。。。spa

 
   vertical-align: middle; 
 
     align-content: center; 
   
     align-items: center; 
   
     text-align: center; 
   
    都不能达到垂直状态下的居中对齐。 
   
    后来终于百度到一篇靠谱的帖子 
   
    https://blog.csdn.net/qq_32590631/article/details/80411024 
   
    亲测可行，马克如下： 
   
    -------------------------------------------------------------------- 
   
      .center-text{
 
       display: flex; 
     
       align-items: center; 
     
       justify-content: center; 
     
      } 
     
        <view class="center-text"  
        style="width: 100px;height:100px" 
        >ABC</view> 
       
        --------------------------------------------------------------------