微信小程序：文字居中對齊，垂直居中對齊

剛剛接觸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>

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