如果你使用google搜索Flexbox，你会发现很多过时的信息。这里将告诉你如何迅速的辨别你需要的信息。如果你正在查找有关于Flexbox的博客资料，你看到了“display:box;”或者“box-{*}”属性，那么你看的正是2009年版本的Flexbox。如果你正在查找有关于Flexbox的博...
分类：
Web程序 时间：
2015-01-22 13:00:25
阅读次数：
256
继续更新，上篇博客介绍了各种属性，下面来看个例子：实现这样的效果，布局的经典实例。 RunJS Header Pellen...
分类：
其他好文 时间：
2015-01-20 10:17:15
阅读次数：
107
Flexbox模型的三个规范：1. 旧版本 2009年 display: box、inline-box2. 混合版本 2011年 display: flexbox、inline-flexbox3. 新版本 display: flex、inline-flex当displ...
分类：
Web程序 时间：
2015-01-19 20:36:56
阅读次数：
188
总结下现在移动端 web app 的自适应布局的方案有 5种，依次成熟。零. Flexbox 使用css3 flexbox 进行布局，对于富媒体和复杂排版的支持非常强大，未普及兼容性非常差，几乎没有在任何项目中得到应用。一. 弹性布局 使用 em 或 rem 单位进行相对布局，又相对 % ...
分类：
移动开发 时间：
2015-01-18 15:38:16
阅读次数：
432
flexbox是CSS3提出的页面布局模块。flexbox可以把列表横向或者纵向排列，并且填满可以延伸到的空间。稍微复杂的布局可以通过嵌套flex container来实现。利用flexbox可以方便的创建弹性布局，这使得在移动设备上，可以让元素在容器内扩展和收缩，更容易的实现常见布局，如三列布局。...
分类：
Web程序 时间：
2015-01-06 21:31:13
阅读次数：
237
Flexbox通常能让我们更好的操作他的子元素布局，例如：如果元素容器没有足够的空间，我们无需计算每个元素的宽度，就可以设置他们在同一行；可以快速让他们布局在一列；可以方便让他们对齐容器的左、右、中间等；无需修改结构就可以改变他们的显示顺序；如果元素容器设置百分比和视窗大小改变，不用提心未指定元素的...
分类：
其他好文 时间：
2015-01-05 20:15:24
阅读次数：
329
说明：请使用chrome浏览器打开See the Pen pvyjGV by lilyH (@lilyH) on CodePen.如上图所示，我们你要实现的效果就是，（1）在一行中显示两块元素；（2）每块元素的长度根据它里面的文字变化还是先看代码吧：HTML 1234567 2 2 1111...
分类：
其他好文 时间：
2014-12-11 22:22:57
阅读次数：
179
Flexbox规范版本众多，浏览器对此语法支持度也各有不同，接下来的内容以最新语法版本为例向大家展示：（接上一节）5.Flex项目移到左边flex项目称动到左边或右边也取决于主轴的方向。如果flex-direction设置为row，设置justify-content控制方向；如果设置为column，...
分类：
Web程序 时间：
2014-12-11 12:05:58
阅读次数：
199
这几天在做移动端的web开发，遇到了一些问题，之前没有折腾过这方面的东西，这次好好吸收下css3的flexbox--弹性盒子模型，这个盒模型决定了一个盒子在其他盒子中的分布方式及如何处理可用的空间。优点：可以很轻松的创建自适应的浏览器窗口的流动布局或自适应字体大小的弹性布局。1 2 13 ...
分类：
其他好文 时间：
2014-11-27 20:06:22
阅读次数：
187
上次，我们形成了两种header的布局，一种flexbox，一种float，最后与身边做重构的同事交流下来，选择了float的布局。事实上布局的选型不需要我关注，我的参与或者一些意见多数是自我提升，但要说html结构完全控制于csser的话就不一定了在整个header组件的代码过程中，我与重构同事就...
分类：
Web程序 时间：
2014-11-14 08:09:49
阅读次数：
258
