毁了三个属性：float clear vertical-align容器的六个属性flex-direction:主轴方向flex-wrap 不换行 上下换行flex-flow相当于flex-directin+flex-warp的简写justify -content 单行水平布局 左对齐 右对齐 中间对... ...
分类：
其他好文 时间：
2016-05-10 18:09:58
阅读次数：
119
Using the order property we alter the order in which flexbox children appear on the page, without making changes to the dom. Desktop Mobile ...
分类：
Web程序 时间：
2016-05-03 07:05:27
阅读次数：
164
The Flexbox css spec allows for more adjustable layouts. The flex-directionproperty allows you to easily change the layout on the children of an eleme ...
分类：
Web程序 时间：
2016-05-02 15:34:11
阅读次数：
185
学习要点： 1.新版本 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 提供的用来实现未来响应式弹性伸缩布局方案，这里做一个初步的了解。 一．新版本 新版本的 Flexbox 模型是 2012 年 9 月提出的工作草案，这个草案是由 W3C 推出的最新语法。这个版本立志于指定标准，让新式的 ...
分类：
Web程序 时间：
2016-05-01 17:42:56
阅读次数：
285
学习要点： 1.混合过度版 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 提供的用来实现未来响应式弹性伸缩布局方案，这里做一个初步的了解。 一．混合过渡版 混合版本的 Flexbox 模型是 2011 年提出的工作草案，主要是针对 IE10 浏览器实现的伸缩布局效果，其功能和旧版本的属性 ...
分类：
Web程序 时间：
2016-05-01 16:17:06
阅读次数：
235
学习要点： 1.布局简介 2.旧版本 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 提供的用来实现未来响应式弹性伸缩布局方案，这里做一个初步的了解。 一．布局简介 CSS3 提供一种崭新的布局方式：Flexbox 布局，即弹性伸缩布局模型(Flexible Box)。用来提供一个更加有效 ...
分类：
Web程序 时间：
2016-05-01 16:17:02
阅读次数：
176
之前在移动端做项目的时候，经常用到flexbox，但是没有认真仔细的看过，这会同column一起操作实践下。 Multi-column 多列属性 column-count 规定元素被分割的列数 （IE9及以下不支持） column-gap 规定了列之间的间隔（同margin似的）（IE9及以下不支持 ...
分类：
Web程序 时间：
2016-04-27 18:25:33
阅读次数：
182
弹性布局的主要思想是让容器有能力来改变项目的宽度和高度，以填满可用空间（主要是为了容纳所有类型的显示设备和屏幕尺寸）的能力。
注意:Flexbox布局是最合适的一个应用程序的组件，以及小规模的布局，而网格布局是用于较大规模的布局。
盒模型的兼容性不佳，在使用时，需要加上浏览器的私有前缀。父元素display:box或者display:inline-box;display: -webkit-box...
分类：
Web程序 时间：
2016-04-22 18:47:55
阅读次数：
263
今天给大家分享一篇关于CSS3基础教程 文章，主要是讲CSS3弹性盒模型。弹性布局的主要思想是让容器有能力来改变项目的宽度和高度，以填满可用空间（主要是为了容纳所有类型的显示设备和屏幕尺寸）的能力。 注意:Flexbox布局是最合适的一个应用程序的组件，以及小规模的布局，而网格布局是用于较大规模的布 ...
分类：
Web程序 时间：
2016-04-22 18:29:17
阅读次数：
212
写在前面
Flexbox即弹性盒子模型，它在css中的定义和标记非常简单，通过媒体查询的方式就可适配和响应变化，不需要清除浮动，不需要使用额外的框架，也不需要使用大量冗余的代码来实现栅格布局。
Flexbox究竟是什么简单地说，我们可以在一个flex容器中标记一些flex子元素，通过css来定义布局。flexbox有很多属性来定义布局。
flex-direction: 通过这个属性,我们能指定f...
分类：
其他好文 时间：
2016-04-21 11:55:49
阅读次数：
146
