其它属性（block ，inline-block）转变为flex属性display : flex 容器的属性 flex-direction： 决定主轴方向（即项目的排列顺序） row ：默认值，主轴在水平方向，起点在左端 row-reverse ：主轴在水平方向，起点在右端 column ：主轴在垂 ...
分类：
其他好文 时间：
2017-08-12 01:05:18
阅读次数：
158
1. 定义 flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。 注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。 2. 语法 flex: flex-grow ...
分类：
Web程序 时间：
2017-07-26 17:47:56
阅读次数：
175
一、盒子模型 二、CSS3弹性盒模型（Flex模型） 伸缩容器默认存在两条轴: 水平的主轴(main axis) 和垂直的侧轴(cross axis) [注意]主轴方向不一定是水平的，它主要取决于justify-content属性 主轴起点叫main start，主轴终点叫main end；侧轴起点 ...
分类：
其他好文 时间：
2017-07-25 21:19:34
阅读次数：
191
www.ruanyifeng.com/blog/2015/07/flex-grammar.html ...
分类：
其他好文 时间：
2017-07-22 22:33:11
阅读次数：
167
2.使用position属性使元素水平垂直居中 3.使用弹性盒模型方法 ...
分类：
其他好文 时间：
2017-07-13 01:01:55
阅读次数：
242
/*display:flex布局方式主要运用于垂直居中的效果*/ 一、Flex译为Flexible Box（弹性盒子），任何一个容器都可以指定为Flex布局 注:设置为Flex布局之后，子元素的float，clear，vertical-align属性都失效 二、基本 1.采用Flex布局的元素，称为 ...
分类：
其他好文 时间：
2017-07-11 12:47:17
阅读次数：
175
弹性盒?子弹性盒布局模型（Flexible Box Layout）是 CSS3 规范中提出的?一种新的布局?方式。它可以?用简单的?方式满 ?足很多常?见的复杂的布局需求。 优势开发人员只是声明布局应该具有的行为，而不需要给出具体的实现方式。浏览器?会负责完成实际的布局。该布局模型在主流浏览器中都得 ...
分类：
其他好文 时间：
2017-07-10 10:24:51
阅读次数：
158
弹性盒布局模型是 CSS3 规范中提出的一种新的布局方式。它可以用简单的方式满足很多常见的复杂的布局需求。 6个属性分别是： flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content 1.flex-directio ...
分类：
其他好文 时间：
2017-07-10 01:14:53
阅读次数：
234
弹性盒布局模型（Flexible Box Layout）是 CSS3 规范中提出的?一种新的布局?方式。 弹性盒子的特点：1.任何?一个容器?都可以指定为?ex布局。 2.?行行内元素也可以使?用?ex布局。 3.webkit内核的浏览器?，必须加上-webkit-前缀。 弹性盒子的意义：采?用?e ...
分类：
其他好文 时间：
2017-07-09 16:24:28
阅读次数：
157
弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 浏 ...
分类：
Web程序 时间：
2017-07-08 18:54:18
阅读次数：
227
