上一篇博客《CSS3弹性伸缩布局（一）——box布局》介绍了旧版本的box布局，而这篇博客将主要介绍最新版本的flex布局的基础知识。新版本简介新版本的Flexbox模型是2012年9月提出的工作草案，这个草案是由W3C 推出的最新语法。这个版本立志于指定标准，让新式的浏览器全面兼容，在未来浏览器的...
分类：
Web程序 时间：
2015-08-30 14:18:02
阅读次数：
164
CSS3与CSS2相比发生了很大的变化，CSS3的亮点功能包括实现圆角、阴影、新的flex伸缩布局模型、多列布局模型、填充色的渐变、2D变形(位移、缩放、旋转、倾斜)、3D变形、动画(transition过渡动画、animation关键帧动画)等。看到这些字眼，你实际上已经可以深深感受到CSS3的野...
分类：
Web程序 时间：
2015-08-15 16:15:57
阅读次数：
102
Flexbox是一个相当优秀和新颖的布局方式，因此会碰到很多兼容性问题。Flexbox的规范工作也进行了很多年了，不同浏览器对不同版本的实现程度也不一致。但是大体可以分为旧版本和新版本两个版本(混合版本仅支持IE10，不予考虑)，对于这两个版本的支持情况可以参照下图更多详细的兼容性情况可以参照“Ca...
分类：
Web程序 时间：
2015-08-06 13:02:10
阅读次数：
121
伸缩布局（一）;1.创建一个flexbox容器。.flexconfainer{ display:-webkit-flex;display:flex;}2.flex项目显示；flex项目是flex容器的子元素，他们沿着主要轴和横轴定位，默认的是沿着水平轴排列一行，可以通过flex-directi...
分类：
Web程序 时间：
2015-08-04 00:28:05
阅读次数：
139
我们知道在CSS2中，可以使用“浮动”和“定位”来改变盒子在文档流中的显示方式。这两种方式也是目前广泛使用的布局方式，但是在实践过程中会发现有些特殊的布局没法或者很难通过这两种方式来实现。在CSS3中映入了伸缩布局盒模型的概念，这样可以使得某些难以实现的布局变得非常轻松。
分类：
Web程序 时间：
2015-08-03 16:30:01
阅读次数：
183
JS相关：[javascript标准参考教程] --阮一峰的参考教程，可读性很好，非常不错的[QuirksMode-DOM][深入理解JAVASCRIPT系列]移动相关：[mobileTouch]--司徒正美的移动端学习资料[手机淘宝可伸缩布局方案]CSS相关：[40个漂亮又免费的css Table...
分类：
其他好文 时间：
2015-04-19 21:07:46
阅读次数：
200
Flexbox规范版本众多，浏览器对此语法支持度也各有不同，接下来的内容以最新语法版本为例向大家展示：（接上一节）5.Flex项目移到左边flex项目称动到左边或右边也取决于主轴的方向。如果flex-direction设置为row，设置justify-content控制方向；如果设置为column，...
分类：
Web程序 时间：
2014-12-11 12:05:58
阅读次数：
199
一：前言 之前学过一篇css3中的自适应布局，但是往div中写内容的时候布局又会重新分配。后来在网上查找，才知道那个是一个草案，没有什么实用性。现在最新版本的有更大变化，尽管css3在2014年10月28号已经发布，这个应该也是定下来了吧，现在是学习阶段，等到实际应用的时候，小女子必定给大家一个准....
分类：
其他好文 时间：
2014-11-20 20:07:49
阅读次数：
235
一个元素被定义display:-webkit-flex;则此元素即为伸缩盒模型中的伸缩容器，其包含的子元素是伸缩项目。 flex是一个复合属性。Flexbox伸缩布局盒模型中的伸缩容器及伸缩特性定义。 由多个伸缩项目组成其具体的布局方式。 是为了呈现复杂的应用与页面而设计出来的。display:-w...
分类：
Web程序 时间：
2014-09-26 19:32:18
阅读次数：
388
让你的应用在不同的屏幕尺寸上有好的用户体验，你应该为每个你想支持的屏幕尺寸创建一个唯一的XML布局文件。每个布局文件应该被存放到适当的资源目录下，目录名以 - 为后缀。例如，一个存放大屏幕的布局目录的名称是res/layout-large/。提示: Android系统会自动伸缩布局来正确的适配屏幕。...
分类：
移动开发 时间：
2014-08-13 12:25:06
阅读次数：
229
