Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 容器默认存在两根轴：水平的主轴和垂直的交叉轴 容器的属性 flex-direction flex-wrap flex-flow justify-content ali ...
分类：
其他好文 时间：
2017-05-25 19:01:00
阅读次数：
187
参考资料： 阮一峰：Flex 布局教程：语法篇 阮一峰：Flex 布局教程：实例篇 A Complete Guide to Flexbox 一、基本概念 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项 ...
分类：
其他好文 时间：
2017-05-25 09:59:38
阅读次数：
285
flex 会影响float吗？设为Flex布局后，子元素的float、clear、vertical-align属性将失效。flex的两个核心概念：容器 和 轴容器具有这样的特点：父容器可以统一设置子容器的排列方式，子容器也可以单独设置自身的排列方式，如果两者同时设置，以子容器的设置为准。父容器：主轴... ...
分类：
其他好文 时间：
2017-05-25 01:13:58
阅读次数：
231
1.0 前言 网页布局（layout）是CSS的一个重点应用。 经典布局类型： 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可 ...
分类：
Web程序 时间：
2017-05-24 00:46:43
阅读次数：
224
这几天一直写React Native，发现自己对flex布局并没有完全掌握熟练，就重新写web页面练习一下，结果发生了蛋疼的事情。 练习一直出问题，心烦得要命，好多flex布局的资料都和我写的东西对应不上，难道flex布局标准改了？ .... .... 蛋疼的事情在下午六点结束了，气死人了，我竟然写 ...
分类：
其他好文 时间：
2017-05-19 18:41:04
阅读次数：
170
解决问题：（首页布局要求所有手机都是一样的效果，不允许出现滚动条） 类似于上图这种布局： 1、首先将这三块用一个div包起来，结构如下图： 2、设置父元素index-wrapper及子元素三块的的样式： 2.1 将父元素设置display:flex;（flex布局）flex-flow:column; ...
分类：
其他好文 时间：
2017-05-19 16:49:50
阅读次数：
166
Java数组声明的三种方式第一种(声明并初始化)：数据类型[]数组名={值,值,...};例：int[]a={1,2,3,4,5,6,7,8};第二种(声明后赋值)：数据类型[]数组名=new数据类型[数组长度];数组名[下标1]=值;数组名[下标2]=值;.....例：String[]a=newString[4];a[0]="hello";a[1]="world";......
分类：
其他好文 时间：
2017-05-18 20:12:41
阅读次数：
147
作者： 阮一峰 日期： 2015年7月14日 上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Sol ...
分类：
其他好文 时间：
2017-05-17 00:46:18
阅读次数：
426
作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 ...
分类：
其他好文 时间：
2017-05-17 00:43:42
阅读次数：
340
很久之前用过flex，但是没有考虑过兼容性问题，为了兼容ios一定要加上-webkit前缀： 注意：用过flex布局后，子元素的float,position都没有效了 flex布局教程参考网址，非常有用： http://www.ruanyifeng.com/blog/2015/07/flex-gra ...
分类：
其他好文 时间：
2017-05-07 23:13:39
阅读次数：
228
