View中子元素的位置
如使用flex布局时
justify-content
失效原因:
1.子级中使用了margin:auto;
属性会导致其失效。
2.如果使用在子view中使用margin-right: 20rpx;
也会导致justify-content
失效
.parents_layout {
height: 100rpx;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.child-view {
background-color: #c7cac5;
color: white;
height: 70rpx;
font-size: 26rpx;
margin: 0 20rpx;
}
<-- 如果使用在子view中使用 margin-right: 20rpx;也会导致justify-content失效!-->
view居中居下显示
之前在写微信小程序的时候想让view居右显示,采用css的float,可是无效,后来发现只需简单的加上
position: fixed;就可以用left:;right:;top:;bottom:;来固定位置了,当然它还有一个效果就是悬浮固定,如果固定了X轴Y轴的位置,就不会再跟随界面移动。
.recommend-bottom {
position: fixed;
bottom: 10rpx;
}