随笔分类 -  flex布局

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

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

posted @ 2019-02-15 23:23 猫头唔食鱼 阅读(3049) 评论(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 猫头唔食鱼 阅读(4552) 评论(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) 编辑

点击右上角即可分享
微信分享提示