微信小程序布局基础

 

Flex-direction:  column/ row   里面子元素排列是竖像还是横向

 

Flex-wrapnowrap / wrap / wrap-reverse   确定一行多元素是否换行

 

flex-flow :  两个元素,分别是上面两个的组合,第一个数值为flex-direction,第二个为flex-wrap

 

Justify-contencenterflex-startflex-end space-betweenspac-around 在主轴上元素对齐方式

 

align-itemscenterflex-startflex-end stretchbaseline(元素内第一行文字对齐)  元素在交叉轴对齐方式

 

 

元素属性:

 

flex-grow0  1  当背景空间足够大,元素是否需要放大比例

flex-shrink0  1 当背景空间不够大,元素是否需要缩小比例

flex-basis 100px,支持px

Flex:上面三个缩写

Order: 数字越大排序越靠后

 

 

 

 -------------------------------------------------------------------------------------------

相对定位:相对于自己的原来的位置定位的

绝对定位:是相对自己最近的已定位(带有display)的父级元素进行定位

 

Positionrelativeabsolute,  相对定位、绝对定位

posted on 2018-04-13 14:50  amyjing  阅读(490)  评论(0编辑  收藏  举报