qinmiying的博客

横轴排列方式 justify-content : justify-content : flex-start | flex-end | center | space-between | space-around; 起点对齐；右对齐；居中；两端对齐；间隔相等 交叉轴的起点对齐 justify-content:flex-start; div{ background:green; display:flex; justify-content:flex-start; } 纵轴排列方式al

弹性盒模型flex属性 display:flex; div{ width:500px height:400px; display:flex;/*为父级标签设置*/ } 1、设置display: flex属性可以把块级元素在一排显示。 2、flex需要添加在父元素上，改变子元素的排列顺序。 3、默认为从左往右依次排列,且和父元素左边没有间隙。 ...