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

 前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站

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

要实现水平垂直居中

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

.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%;

便可以达到效果