SCSS大师班
(S)CSS布局大师班:Flexbox和网格( )
弹性盒
弹性方向
证明内容
对齐项目
自我调整
订购
柔性包装
逆转
对齐内容
弹性成长
弯曲收缩
弹性基础
第一规则:Flex容器包装
. parent {
display : flex;
}
主轴和横轴
. parent {
display : flex;
flex-direction : row;
/* Main Axis */
justify-content : space-around;
/* Cross Axis */
align-items : center;
}
flex-direction:降低主轴(默认为“行”)
调整内容:更改主轴的项目位置(flex-start,center,stretch等)
align-items:更改横轴的项目位置(flex
2021-10-17 21:32:48
22KB
HTML
1