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

编程入门行业动态更新时间:2024-10-16 00:22:16

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

要实现水平垂直居中

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

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

便可以达到效果

更多推荐

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

本文发布于:2023-06-13 12:17:00，感谢您对本站的认可！

水平文字程序图片微信小

评论列表（有 0 条评论）