只作為我自己初學(xué)階段做記錄(好記性不如爛筆頭)
1爆雹、相對(duì)與絕對(duì)定位
.view{
position: ①;
left:;
top:;
}
①定位
relative相對(duì)定位:相對(duì)自身進(jìn)行定位路幸,參照物是自己诫隅。
left:相對(duì)于自身向右偏移50rpx
top:相對(duì)于自身向下偏移50rpx
absolute絕對(duì)定位:相對(duì)離它最近的一個(gè)已定位的的父級(jí)元素進(jìn)行定位,若該父級(jí)元素不存在袍冷,則相對(duì)于該頁(yè)面定位高每。
left:相對(duì)于離他最近的 已定位的父級(jí)元素 向右偏移50rpx
top:相對(duì)于離他最近的 已定位的父級(jí)元素 向下偏移50rpx
.superView{
flex-flow: ①;
flex-direction:②;
flex-wrap:③;
justify-content:④;
space-between:⑤;
}
①row元素排列成一; column 排列成一列南捂;
②column 排列成一列
③保證排列后元素不變形
wrap:自動(dòng)向下?lián)Q行携狭,左對(duì)齊
wrap-reverse:向上換行,左對(duì)齊
④元素在主軸上的排序方式
center:居中對(duì)齊
lex-end:右對(duì)齊
space-around:兩邊對(duì)齊
space-between:兩邊對(duì)齊诗充,元素左右貼邊
⑤ stretch; 延伸苍蔬,子視圖不設(shè)置元素高度,自動(dòng)高度鋪滿superView