【微信小程序】文字水平垂直居中对齐问题(完美解决方案)

半城伤御伤魂 提交于 2020-03-07 03:16:07

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

text-align:center;

align-items:center;

justify-content: center;

margin: auto; #子容器在父容器中居中

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

要实现水平垂直居中

可使用如下方案

.td {

display: flex;

align-items: center;

justify-content: center;

}

作者:燃烧的火_10e3
链接:https://www.jianshu.com/p/c24158006033
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!