网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 ...
分类：
其他好文 时间：
2017-01-23 17:29:47
阅读次数：
226
在做页面布局的时候，多多少少都会遇到这个话题，如何使子元素居中于父元素中？？？ 对于这个问题，方法多种多样，之前也有对这个问题进行总结过，answer应该不少于10种吧。至于使用哪种方法比较好，我觉得这很大程度看个人喜好。 我经常使用的最多也就是一下几种:(以最简单的结构举例,元素宽高略 ) 1、定 ...
分类：
其他好文 时间：
2017-01-22 17:45:36
阅读次数：
147
来自： http://www.cnblogs.com/tugenhua0707/p/5180841.html H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解display:box的布局 理解flex布局 Flex布局兼容知识点总结 回到顶 ...
分类：
移动开发 时间：
2017-01-19 18:09:07
阅读次数：
329
1.任何一个容器都可以指定为flex布局， 块级元素：eg：.box{ display:flex } 行内元素：eg：.box{ dlsplay:inline-flex } webkit内核的浏览器，必须加-webkit前缀。。。。。（safari浏览器） *设置flex布局以后，子元素的float ...
分类：
其他好文 时间：
2017-01-16 21:27:52
阅读次数：
204
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种页 ...
分类：
微信 时间：
2017-01-13 20:39:44
阅读次数：
342
flex布局（弹性布局） 1.容器具备的属性有： flex-dirction:(决定主轴的方向)（即项目排列方向） 取值:row/row-reverse/column/column-reverse/ flex-wrap:（如果一条轴线排不了，如何换行） 取值：nowrap（默认）：不换行。 wrap ...
分类：
其他好文 时间：
2017-01-13 15:43:19
阅读次数：
189
前言 2009年，W3C提出了一种新的方案 Flexbox布局(弹性布局)，可以简便、完整、响应式地实现各种页面布局。Flex布局模型不同于块和内联模型布局，块和内联模型的布局计算依赖于块和内联的流方向。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 注：“Bootst ...
分类：
其他好文 时间：
2017-01-06 16:55:04
阅读次数：
344
作者： 阮一峰 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、 ...
分类：
其他好文 时间：
2017-01-03 09:49:26
阅读次数：
480
flex布局解决了几个问题 1 margin重叠问题 例如 正常来说：class为item 的第一个div和第二个div上下之间应该有60px的具体，但是只有30px 2 使用flex,清除了float ...
分类：
其他好文 时间：
2017-01-01 22:38:15
阅读次数：
211
前几天在开发手机端页面的时候，用到了display:flex流布局，能够很好的兼容不同尺寸的屏幕，今天来总结一下使用方法： html部分： css部分： 这样，就可以固定.box1 div ，使得另外一个.box2 div自适应屏幕大小，其中css代码方面做了兼容处理。 ...
分类：
Web程序 时间：
2016-12-21 16:07:34
阅读次数：
204
