小程序 view居中、居右、显示在屏幕底部


一、居中

父布局设置属性,子布局居中
在这里插入图片描述
display:flex;
justify-content:center;
在父布局css里加上以上属性,子view显示就会居中。

view单独设置属性居中
在这里插入图片描述
在这里让 绿色按键居中。
<image style='width:300px;height:40px; display: flex;justify-content: center;margin: 0 auto;' src='../../images/icon_click_enter.png'></image>
给view加上display: flex;justify-content: center;margin: 0 auto;即可

二、居右
在这里插入图片描述

.er-img{
width: 25px;
height: 25px;
display: inline;
float: right;
padding-top: 30px;
padding-right: 30px;
}
关键属性display: inline;float: right;,另外,这个控件会把人物头像的布局挤的向左偏移,我的解决办法是,让头像布局margin-left: 70px;相当于手动把屏幕的宽度两边各去掉一同等部分,以至于居中属性依旧能用。

三、显示在屏幕底部

//给该view设置这俩属性
position:fixed;
bottom:0;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM