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

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

什么。。。

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>

--------------------------------------------------------------------