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
前阵子我突然在技术群里看到有人提起flex布局。以前没听说过，只能怪我平常没有好好学习。找了度娘才知道原来早就出来了。这次做的页面主要是显示在移动端的，所以我尝试用了flexbox布局。1、页面分析：主要分为两部分，图片与文字的混排，左右两栏，自适应。页面的主要代码如下： ...
分类：
其他好文 时间：
2015-07-30 13:29:27
阅读次数：
162
.row {/*横*/ display: -webkit-box;// display: -webkit-flex; /* Safari */ display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; wi...
分类：
其他好文 时间：
2015-07-22 18:05:14
阅读次数：
132
box-flex：也就是让子容器针对父容器的宽高属性按照一定的规则来划分
Eg：
html代码：
01
02
03
CSS样式：
body,div { background:#fff; margin:0; padding:0;}
.wrap { width:600px; height:200px; color:#fff; margin:20px 0 0 20px; te...
分类：
Web程序 时间：
2015-07-16 11:46:57
阅读次数：
157
最近做个微信项目发现css3在微信内部浏览器中和其他浏览有些区别 做个小小笔记.job { display: -webkit-box; display: flexbox; -webkit-box-pack: center; ...
分类：
Web程序 时间：
2015-07-12 15:40:02
阅读次数：
140
Flexbox布局官方称为CSS Flexible Box Layout Module是一个CSS3新的布局模块，用于实现容器里项目的对齐、方向、排序（即使在项目大小位置、动态生成的情况）。flex容器最大的特性在于，能够修改子元素的宽度和高度，以满足在不同尺寸屏幕下的如意分布。
许多设计人员...
分类：
Web程序 时间：
2015-05-27 18:39:29
阅读次数：
250
转载请注明：TheViperhttp://www.cnblogs.com/TheViper（本文的初衷是弥补一点响应式设计在低版本浏览器中的不足，因此如果你对响应式不感冒，请无视）flexbox?关于flexbox，本屌无法专业的说很多，可以参见Flexible boxes更加优雅的Web布局。这是...
分类：
其他好文 时间：
2015-05-26 14:11:23
阅读次数：
240
概念和术语虽然现在我们可以使用 Flexbox 轻松创建布局，而不会像以前那样难以理解，但我们仍然需要花一些时间去熟悉到底如何使用 Flexbox。新的术语和概念可能会是我们使用 Flexbox 时的一个障碍，所以让我们先来了解以下它们。Flexbox 由伸缩容器和伸缩项目组成。通过设置元素的dis...
分类：
其他好文 时间：
2015-05-20 18:04:32
阅读次数：
150
