微信小程序图片文字水平垂直居中对齐

微信小程序图片文字水平垂直居中对齐

要实现水平垂直居中

可使用如下方案 给父元素设置

.td {
  display: flex;
  align-items: center;
  justify-content: center;
}

文字的水平居中

text-align: center;

居中对齐方式有很多种例如

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

 

给宽度加个适当的值

width:100%;

便可以达到效果