36 lines
916 B
Plaintext
36 lines
916 B
Plaintext
CSS3 多媒体查询
|
||
|
||
flex 实现布局自适应的
|
||
|
||
尺寸兼容 rem
|
||
|
||
13 个属性
|
||
|
||
display: flex; 开启
|
||
|
||
12 个
|
||
|
||
应用在父元素上 6
|
||
|
||
【1重】align-items 有单行文字的时候，设置元素在Y轴上对齐方式
|
||
|
||
|
||
【1重】justify-content 设置元素在X轴上对齐方式
|
||
【2重】flex-direction 设置元素的排列方向
|
||
【2重】flex-wrap 设置元素一行排列不下的时候如何换行
|
||
|
||
|
||
flex-flow 是 flex-direction 和 flex-wrap 的简写
|
||
align-content 有多行文字的时候，设置元素在Y轴上对齐方式
|
||
|
||
应用在子元素上 6
|
||
|
||
order 设置元素的排序，数值越小，越靠前
|
||
【2重】flex-grow 设置元素的放大比例
|
||
【2重】flex-shrink 设置元素的缩小比例
|
||
0 : 表示不运行缩小，保持原本的比例
|
||
|
||
flex：flex-grow flex-shrink flex-basis 和简写
|
||
align-self 允许单个元素采用不同的对齐方式
|
||
|
||
flex-basis 设置元素宽度 |