特点：子元素的宽度如果超出父元素：子元素不会超出，伸缩盒子会进行合理分配

是用flex布局，中间是grow等于1，内容是铺满整个container的 但是却出现了这种情况

”本系列教程为实战教程，是本人移动端重构经验及思想的一次总结，也是对sandal及sheral UI的一次全方位剖析，首发在imweb和w3cplus两大站点及“前端Talk”微信公众号，其余所有标注或没有标注来源的均为转载。“...

伸缩布局主要是解决普通布局中的浮动问题。使得块级元素的排列更加便捷。以下案例为微信小程序案例，若是网页开发换成div和px 即可。<text> dispalay: flex; 默认水平排列</text><view class="father"> <view class=...

flex 很好用但是有兼容性问题。.flex { display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebK

后来发现原因很扯竟然是 父父级div 设置了 overflow: hidden;

电商左侧商品分类菜单实现 无论是pc端还是手机端，都有类似左侧分类，点击后右侧切换内容的功能页面。 要想实现这个功能，首先第一步是要掌握左右布局的方法。左右布局推荐使用flex弹性布局.parent { display: flex;}.l...

像rate评分组件一般都用javascript写，所以这次将是一个全新的尝试，用css实现一个rate评分 ❗ 核心代码也就三行?01效果图02原理主要是借助radio单选框，梳理如下：...

1. uni-app悬浮框模板1.1. 目标模仿饿了吗app的悬浮框效果，即上移过程中，中间的某个组件框到顶部后不再上移，呈类似置顶的效果1.2. 问题中间遇到fixed固定组件导致flex失...

今天在群里聊天有人说 flex的那几个居中属性好难记，时不时都要尝试一下，或者查看一下文档，现在我把我自己的记忆方式分享一下。。。