grid目前兼容性目前还可以，主流浏览器对它的支持力度很大，ie9,10宣布它未来不久会对它有很好的支持，目前则需要使用过时的语法。我相信不久的将来grid将成为每一个前端工作人员必备的布局技能。 属性介绍 1.父元素上的属性 属性 说明 ...

Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素 ...

和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素 ...

一、什么是flex布局 　　flex 是 flexible box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 flex 布局。你可以将前端页面想象成一个巨大的容器，里面装满了各式各样的盒子元素，为了方便元素排列布局，css引入弹性布局。即设置了弹性 ...

前端布局一直是CSS的一个重点应用，然而基于盒子模型的传统布局方案，依赖display + position + float 属性，对于某些特殊的布局非常不方便，比如：垂直居中就不容易实现。针对这一情况，在2009年，W3C提出了一种新的方案：Flex布局，可以简便、完整、响应式地实现前端 ...

基本概念： 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置 ...

示例URL：http://b.a.com:88/index.php?name=kang&when=2011#first 属性 含义 值 protocol: 协议 "http ...

最近喜欢flex布局，它可以完美的实现响应式布局，下边我总结了它的一些常用属性，喜欢的，也可以练习写一下，很好用~~~ 注意：使用了flex布局，对于子元素的float、clear和vertical-align属性将失效。 1.以下6个属性设置在容器 ...