需要实现的效果图如下： 解决方案一：justify-content: space-evenly; 兼容性不太好 解决方案二：利用伪元素 ...

flex布局，均等分3份，在ie9不兼容。ie9不支持flex。 如下： width:33%;text-align:center margin-left:-3px inline-block 有3像素bug ...

前言 在实际开发中，我们经常会想要实现的一种布局方式就是三栏等分布局，那么我们如何来解决这个问题呢？ 解决 方法一：flex 外层容器也就是ul设置display:flex，对项目也就是li设置flex：auto，代表 flex: 1 1 auto 效果图 ...

一、使用display:flex;实现两栏布局 二、使用display:flex;实现三栏布局 ...

...

...

flex的兼容性在pc端还算阔以，但是在移动端，那就呵呵了。今天我们只是学习学习，忽略一些不重要的东西。 首先flex的使用需要有一个父容器，父容器中有几个items. 父容器：container 属性： 　　 display:flex;/*flex块级，inline-flex:行内 ...

小程序图片有时候下边自带间距，消除这个间距需要设置：display: flex 消除间距：display: flex; ...