Can I Use? 2. 概念: 当你给一个元素使用了flexbox模块，那么它的子元素就会指定的方向在水平或者纵向方向排列。这些子元素会按照一定的比例进行扩展或收缩来填补容器的可用空间。 区域1 区域2 3.flex 不等宽布局 ... ...
分类：
其他好文 时间：
2016-06-29 12:51:56
阅读次数：
122
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 ...
分类：
Web程序 时间：
2016-06-24 12:18:45
阅读次数：
250
rem 62.5%在chrome谷歌和其他浏览器不一样 http://www.5imoban.net/jiaocheng/div+css/201512191529.html http://blog.csdn.net/phunxm/article/details/42174937/ 淘宝弹性布局方案l ...
分类：
其他好文 时间：
2016-06-14 11:56:28
阅读次数：
192
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 任何一个容器都可以指定为Flex布局。 flex-direction 设置主轴对齐方式 默认 row x轴从左到 ...
分类：
其他好文 时间：
2016-06-12 20:30:44
阅读次数：
514
转载自http://www.w3cplus.com/css3/ie10-flexbox-layout.html 经过这一系列对Flexbox的介绍，我想大家对Flexbox在布局中的使用以及其强大功能特性给我们布局带来的方便性都有所了解。话又说回来，虽然Flexbox功能强大（特别是弹性布局），但还 ...
分类：
其他好文 时间：
2016-05-17 11:26:17
阅读次数：
354
网页布局，是css的一个重要应用。 传统的网页布局，主要是基于盒模型，和display、position、float属性，这些属性的一个优势就是简单，容易理解，但也有一些不方便的地方，比如在实现垂直居中的时候。 2009年，W3C提出了一种新的解决方案：Flex（Flexible Box，弹性布局） ...
分类：
其他好文 时间：
2016-05-11 18:14:37
阅读次数：
296
部分可能不兼容低版本浏览器（比如IE）
部分图片来自网易云课堂，侵、私信、删
（60）定位
①position
②值：
static：默认，无定位
relative：相对定位，仍在文档流之中（其他的元素不变），参照物相对于原来的位置进行定位。会压在其他的元素上面。作用是为绝对定位元素提供参照物。
absolute：绝对定位，脱离文档流（后续元素会在绝对定位元素...
分类：
编程语言 时间：
2016-05-07 07:06:37
阅读次数：
228
淘宝弹性布局方案lib-flexible实践 http://www.cnblogs.com/lyzg/p/5058356.html 手机淘宝的flexible设计与实现 http://www.html-js.com/article/2402 从网易与淘宝的font-size思考前端设计稿与工作流 h ...
分类：
Web程序 时间：
2016-05-03 17:56:21
阅读次数：
120
Css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。 使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子 ...
分类：
其他好文 时间：
2016-05-01 16:23:47
阅读次数：
133
flex布局为弹性布局，在布局方便提供很大的便利。 flex布局的定义 Flex是Flexible Box的缩写，意为"弹性布局"，任何一个容器都可以指定为Flex布局。 ps：设置为flex后，子元素的float，vertical-align,clear属性会失效。 flex父元素属性 1. fl ...
分类：
其他好文 时间：
2016-04-26 15:49:27
阅读次数：
147
