flex-direction（项目的排列方向） row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。 lex-wrap属性定义，如果一条轴线排不下， ...
分类：
其他好文 时间：
2018-12-10 13:51:46
阅读次数：
160
前言： flex最常用的就是justify-content和align-items了，这里把这两个属性介绍下，大家更多关于flex布局可以查看阮一峰的日志，写的非常清楚！ 阮一峰flex布局的日志：http://www.ruanyifeng.com/blog/2015/07/flex-grammar ...
分类：
其他好文 时间：
2018-12-07 16:43:18
阅读次数：
237
老版本的flex 需将display设置为box。 容器的布局方向 -webkit-box-orient控制主轴是哪一根。 容器的排列方向 -webkit-box-dirextion控制主轴方向。 富裕空间的管理 主轴：-webkit-box-pack。 主轴为水平方向时： 主轴为垂直方向时： 侧轴 ...
分类：
其他好文 时间：
2018-12-04 00:04:31
阅读次数：
282
1.利用translate的偏移定位。 2.利用flex布局 备注：css遮罩层 ...
分类：
Web程序 时间：
2018-11-30 18:23:29
阅读次数：
204
原文：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局 ...
分类：
其他好文 时间：
2018-11-30 00:34:56
阅读次数：
258
上述编码的结果示意图如下所示： - 采用弹性布局，flex，也就是flexible-box的简称，弹性布局只要在父元素上设置display：flex；align-items:center;justify-content:center即可。这也是最简单的方法了。代码如下： 效果图： - flex还有一 ...
分类：
其他好文 时间：
2018-11-28 23:51:15
阅读次数：
452
挺早就接触了css的flex布局，深入使用也就是在近期移动端开发。老来多健忘，只能自己梳理一下知识点，当做温故知新吧。 ，请原谅小白的才疏学浅，写的不到位的地方请指正。 flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间。也就是说当某个div使用了flex后，div也就成为了flex容器， ...
分类：
Web程序 时间：
2018-11-28 15:47:44
阅读次数：
246
1. Array.prototype.slice.call() 转数组再遍历 2.Array.from() 将类数组转为数组 3.for of ...
分类：
其他好文 时间：
2018-11-28 11:55:05
阅读次数：
175
页面结构都是: 一、水平居中 1.设置父元素和子元素，inline-block+text-align：ie6↑ 2.设置子元素，table+margin： ie8↑ 3.设置父元素和子元素，absolute+transform：ie10↑ 4.设置父元素和子元素，flex+margin：ie9↑ 5 ...
分类：
其他好文 时间：
2018-11-26 22:08:44
阅读次数：
286
以下6个属性设置在容器上： flex-direction:row(默认值，主轴水平轴，起点为左侧)，row-reverse:(起点在右侧)，column（主轴为垂直方向，起点在上），column-reverse（起点在下） flex-wrap:nowrap(默认值，不换行)， wrap(换行，第一行 ...
分类：
其他好文 时间：
2018-11-26 02:28:15
阅读次数：
261
