由于在日常工作中使用css或者bootstrap的栅格系统已经能很好的满足业务需求，所以一直以来对css3的弹性布局不是很感冒。 近日有幸在一篇文章中领略了flex的魅力--简洁优雅。随试之。 以上就是flex相关的所有属性。详情可以参考 阮一峰大神的博文，很详细哦！ 现在 ...

（flex用到的比较多） 给父级设置display：flex；这个父级就变成了一个具备弹性功能的盒子区域， ...

:box后，一切问题，迎刃而解。我们先看相关文档（飘零雾雨 CSS3手册）： 　　实现的CSS代 ...

1.等分布局： 中间固定两边自适应： 固定两个，一个自适应 2.流式布局： 模仿float浮动布局 3.圣杯布局：（自适应布局） 先来看一下结构布局： ...

一、怪异盒模型 怪异盒模型的属性是box-sizing，他有两个属性值： 1、content-box 　　这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 　　简而言之就是，一般的盒子都是属于这种，最显著的特点 ...

css3 flex弹性盒自动铺满写法 ...

前面的话 　　前面已经详细介绍过flex弹性盒模型的基本语法和兼容写法，本文将介绍flex在布局中的应用 元素居中 【1】伸缩容器上使用主轴对齐justify-content和侧轴对齐align-items 【2】在伸缩项目上使用margin:auto ...