flex布局
1 What
Flex is Flexible Box缩写,弹性布局
任何元素都可以成为Flex布局:
// 块级元素
.box{
display: flex;
}
// 行内元素
.box{
display: inline-flex;
}
成为Flex布局,float,clear,vertical-align失效
2 基本概念
flex布局,有两条轴,横的叫主轴(main axis)与边框焦点为main start和main end,竖的叫交叉轴(cross axis),与边框焦点称之为cro
原创
2020-11-23 23:20:50 ·
162 阅读 ·
0 评论