码迷,mamicode.com
首页 > 微信 > 详细

微信小程序文字水平垂直居中对齐问题

时间:2018-06-30 12:39:28      阅读:1232      评论:0      收藏:0      [点我收藏+]

标签:居中   enter   https   item   pre   nbsp   csdn   很多   display   

我们知道常用的居中对齐方式有很多种例如:

text-align:center;
align-items:center;
justify-content: center;
margin: auto;  #子容器在父容器中居中

但是在view中的文字对齐却不能简单的使用text-align: center;来实现,这种办法只能实现文字的水平居中,

要实现水平垂直居中

可使用如下方案

.td { 

display: flex;

align-items: center;

justify-content: center;

}

使用了flex布局控制其中的文字水平和垂直居中

 

 

 

来源:https://blog.csdn.net/qq_32590631/article/details/80411024

微信小程序文字水平垂直居中对齐问题

标签:居中   enter   https   item   pre   nbsp   csdn   很多   display   

原文地址:https://www.cnblogs.com/kongxc/p/9246214.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!