2019年2月15日

消除flex-wrap之后每个item上下的距离

摘要： 设置flex-wrap后，每个item上下都会有距离。更改父元素的高度，就可以删除这些距离。 更改后： 阅读全文

posted @ 2019-02-15 23:23 猫头唔食鱼 阅读(3047) 评论(0) 推荐(0) 编辑

flex布局中的主轴和侧轴的确定

摘要： 1.主轴和侧轴是通过flex-direction确定的 如果flex-direction是row或者row-reverse，那么主轴就是justify-contain 如果flex-direction是column或者column-reverse,那么主轴就是align-items 阅读全文

posted @ 2019-02-15 22:23 猫头唔食鱼 阅读(4551) 评论(0) 推荐(0) 编辑

flex布局

摘要： flex布局的两个概念 flex container 和 flex items flex container 设置 display:flex flex items 设置 flex:1 flex 布局排列方向： 默认: /* flex-direction的值的改变，会改变元素排列方式和对齐方式 */ 阅读全文

posted @ 2019-02-15 15:11 猫头唔食鱼 阅读(373) 评论(0) 推荐(0) 编辑