关于小程序中控件居中

使View组件居中的方法

1.将view组件设置

display:flex;
justify-content: center;

给个水平居中的实例
水平居中
tig:如果实现不了垂直居中,将view设为父控件,将子控件的布局设为绝对布局
在这里插入图片描述

position: absolute;

然后设置高度定位top: 450rpx;

做之前也上网查找过资料,网上关于垂直居中还有一种说法就是
display:flex; justify-content: center; align-items: center;
我自己实测的时候align-items:center并不起作用,希望有知道的大神能帮忙解惑一下。

wxml:

<view class="userinfo">
        <text class="userinfo-role" >认证等级</text>
</view>

wxss:

.userinfo {
  display: flex;
  justify-content: center;
}
.userinfo-role {
  position: absolute;
  top: 450rpx;
}

2.使用margin: 0 auto;效果图和方法1一样

发布了2 篇原创文章 · 获赞 1 · 访问量 43
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览