一、居中
父布局設置屬性,子布局居中
在這里插入圖片描述
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;