欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

[小程序之菜鸟填坑-2]居中问题

程序员文章站 2022-05-02 09:37:13
...

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

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布局控制其中的文字水平和垂直居中

相关标签: 居中