只作为我自己初学阶段做记录(好记性不如烂笔头)
1、相对与绝对定位
.view{
position: ①;
left:;
top:;
}
①定位
relative相对定位:相对自身进行定位,参照物是自己。
left:相对于自身向右偏移50rpx
top:相对于自身向下偏移50rpx
absolute绝对定位:相对离它最近的一个已定位的的父级元素进行定位,若该父级元素不存在,则相对于该页面定位。
left:相对于离他最近的 已定位的父级元素 向右偏移50rpx
top:相对于离他最近的 已定位的父级元素 向下偏移50rpx
.superView{
flex-flow: ①;
flex-direction:②;
flex-wrap:③;
justify-content:④;
space-between:⑤;
}
①row元素排列成一; column 排列成一列;
②column 排列成一列
③保证排列后元素不变形
wrap:自动向下换行,左对齐
wrap-reverse:向上换行,左对齐
④元素在主轴上的排序方式
center:居中对齐
lex-end:右对齐
space-around:两边对齐
space-between:两边对齐,元素左右贴边
⑤ stretch; 延伸,子视图不设置元素高度,自动高度铺满superView