1,Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 2,任何一个容器都可以指定为Flex布局。 .box{display:flex;} 3,行内元素也可以使用Flex布局。 .box{inline-flex;} 4,Webkit内核的浏览器，必须加上-w ...
分类：
其他好文 时间：
2017-03-04 13:02:36
阅读次数：
197
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 任何一个容器都可以指定为Flex布局。 #box{ display: flex; width: 500px; h ...
分类：
其他好文 时间：
2017-03-02 13:06:14
阅读次数：
198
Flex布局 Flex是Flexible Box的缩写，意为"弹性布局"。任何一个容器都可以指定为Flex布局。 Webkit内核（Safari 6.1+）的浏览器，必须加上-webkit-前缀。 设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 Fle ...
分类：
其他好文 时间：
2017-02-24 15:39:07
阅读次数：
160
web app 自适应方案总结 关键字 弹性布局之rem 关于rem，主要参考文档 1。腾讯ISUX (http://isux.tencent.com/web-app-rem.html) 2。http://www.w3cplus.com/css3/define-font-size-with-css3 ...
分类：
移动开发 时间：
2017-02-21 11:39:55
阅读次数：
306
用rem来实现移动端的弹性布局是个好主意！用法如下： CSS @media only screen and (max-width: 320px), only screen and (max-device-width:320px) { html { font-size:10px; } } @media ...
分类：
Web程序 时间：
2017-02-15 23:29:49
阅读次数：
297
作为一名html5初学者，觉得这样整天粘代码并不是好的学习方法，需要优化改进，从今天开始，开始总结关键字，加注释 改掉之前总是粘代码的坏习惯 给div设置弹性布局，在div中加上display：flex； 然后在子元素上总的设置属性，或者在单独的子元素上单独设置属性 .box{ display: f ...
分类：
其他好文 时间：
2017-02-15 13:51:29
阅读次数：
339
关于Flex，有12个属性很重要这几天在学习Flex布局，发现Flex真的好厉害！Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒模型提供最大的灵活性。Flex是它可以简单、完整、...
分类：
其他好文 时间：
2017-02-09 14:45:04
阅读次数：
207
响应式布局设计的三大要点 布局类型 在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位， ...
分类：
其他好文 时间：
2017-01-31 17:45:55
阅读次数：
173
本文导读：在CSS 3中，CSS Flexible Box模块为一个非常重要的模块，该模块用于以非常灵活的方式实现页面布局处理。使用CSS Flexible Box模块中定义的弹性盒布局技术，可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式，即实现非常灵活的布局处理。 弹性布局（f ...
分类：
Web程序 时间：
2017-01-23 23:45:25
阅读次数：
289
