小程序view布局：垂直居中和水平居中

小程序view布局：view垂直和水平居中<view class="assistant_ly"><image class="img" src="../../images/assistant_phone.png" ></image><text>电话客服</text></view>.assistant_ly{display:fle

文章共322字 · 阅读需要大约2分钟

一键AI生成摘要，助你高效阅读

问答

黑夜之星

12129人浏览 · 2020-11-25 10:04:43

黑夜之星 · 2020-11-25 10:04:43 发布

小程序view布局：
view垂直和水平居中

<view class="assistant_ly">
    <image class="img" src="../../images/assistant_phone.png" ></image>
    <text>电话客服</text>
</view>

.assistant_ly{
  display:flex;
  flex-direction:column;
  width: 523rpx;
  height: 446rpx;
  border-radius: 50rpx;
  background-color: white;
  align-items: center;//垂直居中
  justify-content: center;//水平居中
}