一、比例属性flex和布局方向属性flexDirection 例如三个视图的flex属性值分别为2、4、8，则它们的高度比例为2：4：8。，宽度不指定，默认为全屏的宽度。 如果要改为横向布局，则只需改父视图的属性flexDirection为row 二、对齐方式属性alignSelf 三、justif ...
分类：
其他好文 时间：
2016-03-28 16:49:03
阅读次数：
218
一、理论：
1.混合版本flexbox模型
a.display
1)flexbox 设置元素为块级容器
2)inline-flexbox 设置元素为内联块伸缩容器
b.display容器的基本使用
1)主要用于IE10浏览器
2.伸缩流方向flex-direction
a.flex-direction
1)row ltr-->自左向右排列，rtl-->自右向左排列
2)row...
分类：
Web程序 时间：
2016-03-27 01:57:54
阅读次数：
292
Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。 Flexbox 由 伸缩容器 和 伸缩项目 组成。通过设置元素的 display 属性为 flex 或 inline-flex 可以得到一个伸缩容器 设置为flex的容器被渲染为一个块级元素，而
分类：
其他好文 时间：
2016-03-23 17:06:36
阅读次数：
142
CSS布局对我们来说一直是个噩梦，我们都认为flexbox是我们的救世主。是否真的如我们说说，还有待观察，但是flexbox确非常轻松的解决css长久一来比较难解决的居中问题。让我们来看看到底有多容易： 垂直居中需要一个父元素和子元素： 但是只有父元素需要CSS属性来设置子元素垂直居中： 除了特定的
分类：
Web程序 时间：
2016-03-21 22:56:28
阅读次数：
210
文章地址：Flexbox详解 flex container : flex items : 基本的html结构： 基本的css样式： flex-flow: align-content: align-items: flex-grow: flex-shrink: flex-basis: html: css
分类：
其他好文 时间：
2016-03-19 18:09:20
阅读次数：
256
描述： 手机端Chrome浏览器（安卓）测试文字省略号显示效果 出现不支持的情况 如图所示： 原因：文字部分的直接父元素 采用了flex布局：（flex:1）;祖父元素采用了flexbox布局 解决方法： 给直接父元素 设置 overflow:hidden;
分类：
移动开发 时间：
2016-03-18 19:47:55
阅读次数：
628
介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子的一面，最多可以放置9个点。 下面
分类：
其他好文 时间：
2016-03-02 19:55:28
阅读次数：
182
一些小技巧让你的CSS技术更专业 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽 使用Flexbox摆脱
分类：
Web程序 时间：
2016-02-26 11:53:30
阅读次数：
232
新css属性为我们提供了更加便捷的网页布局方式。来自微软的thomas lewis将带你认识去Grid Alignment，Flexibox Box以及Multi-column Layout这三大领域。 这篇文章最早出现在the April 2012 issue (226)这期的.net杂志上-这杂
分类：
Web程序 时间：
2016-02-19 20:40:16
阅读次数：
353
在设计的眼中，排版的操作是一件很简单的事情，靠左、置中、靠右，我只要点一下，所有元素，就会乖乖的到指定的位置。 但到了前端在排版的实现上，就不是这样了。 我们常常得用一堆其实本来不是这样用的属性来做 hack，比如说用 line-height 来做垂直置中，这样做的确能达到效果，但是在语意上就有点不
分类：
其他好文 时间：
2016-02-15 18:27:31
阅读次数：
386
