你会看到，不管是什么布局，Flex往往都可以几行命令搞定。
我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon
Schropp的文章和Solved by Flexbox。
一、骰子的布局
骰子的一面，最多可以放置9个点。
下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo...
分类：
其他好文 时间：
2016-06-28 12:57:32
阅读次数：
277
Flexbox，一种CSS3的布局模式，也叫做弹性盒子模型，用来为盒装模型提供最大的灵活性。 首先举一个栗子，之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下，对居中元素绝对百分比定位，然后通过margin偏移的方式来实现。 <style> .container{ width: ...
分类：
其他好文 时间：
2016-06-25 06:05:15
阅读次数：
173
增加操作栏，使用felxbox居中，felx相关参考网址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 使用webFont添加图标,webFont下载地址为http://fontello.com/ index.html： index ...
分类：
移动开发 时间：
2016-06-24 22:06:55
阅读次数：
220
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 ...
分类：
Web程序 时间：
2016-06-24 12:18:45
阅读次数：
250
Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。 Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元素超出可用空间时将自动缩小。总之，Flex元素是可以让你的布局根据浏览器的大小变化进行自动 ...
分类：
Web程序 时间：
2016-06-21 12:22:26
阅读次数：
224
http://www.cnblogs.com/coco1s/p/4444383.html 最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜 ...
分类：
其他好文 时间：
2016-06-19 12:58:21
阅读次数：
254
学习博客网址：http://caibaojian.com/flexbox-guide.html 设置在父元素上： 1. display:flex 2. flex-direction 设置主轴方向： row 从左向右排列(默认值) | row-reverse 从右向左排列 | column 从上往下排 ...
分类：
Web程序 时间：
2016-06-17 12:49:32
阅读次数：
249
来源：Flexbox详解 align-content ...
分类：
其他好文 时间：
2016-06-14 23:38:45
阅读次数：
165
Sass http://sass.bootcss.com/docs/sass-reference/ Babel http://babeljs.cn/ webpack http://www.w2bc.com/Article/50764 flexbox http://www.w3cplus.com/cs ...
分类：
其他好文 时间：
2016-06-14 01:02:12
阅读次数：
142
