一、传统的布局 我认为传统的布局方式大体就是position的各个值以及float属性，当初初学的时候觉得这个就很了不起了，可以让div脱离文档流，使其在固定的位置，但是随着不同尺寸的终端的增加，手机端的，平板。固定的布局方式并不占优势，于是出现了响应式布局。这时候css3就很重要了css3的一些新 ...
分类：
Web程序 时间：
2016-10-11 11:50:41
阅读次数：
276
flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持flex 的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安...
分类：
微信 时间：
2016-10-10 16:48:40
阅读次数：
301
flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持flex 的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性，偏偏有个例外，就是国产某某X5内核神器（不知哪个版本的web ...
分类：
微信 时间：
2016-10-10 14:10:36
阅读次数：
297
刚开始学前端的童鞋们应该也是一样先学习的table然后再学习了盒子模型，感觉终于学会了简单的网页布局，使用各种display,float,position绞尽脑汁给页面布局成自己想要的页面样式，然而，当自己把页面放缩时。。。。画风就莫名其妙的变了，没错 ，就是变了，变得很乱很丑，再把网页放到手机上： ...
分类：
其他好文 时间：
2016-10-09 17:22:16
阅读次数：
141
内联元素 水平居中 1、行内元素居中：设置text-align:center; 2、flex布局：设置display:flex;justify-content:center; 垂直居中 父元素高度是单行文本：设置height=line-height; 父元素确定的是多行文本：a:插入table, 然 ...
分类：
其他好文 时间：
2016-10-07 22:40:12
阅读次数：
116
本文是学习阮一峰老师的两篇有关flex的博文的笔记，想更为系统的学习flex，请访问http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html，感谢阮一峰老师的无私奉献！ 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式 ...
分类：
Web程序 时间：
2016-09-28 01:25:50
阅读次数：
212
Flex布局教程：语法篇 Flex布局教程：实例篇 ...
分类：
其他好文 时间：
2016-09-19 13:03:24
阅读次数：
119
阿基米德曾说给我一个支点我可以撬动地球，而拥有flex基本可以撬动所有的布局。 1.flex布局基本介绍及效果展示 工欲善其事必先利其器，来来来，一起看下基础知识先（呵~，老掉牙，但是有用啊）。 **flex-direction direction（方向）,布局方向，顾名思义就是设置元素排列顺序。排 ...
分类：
其他好文 时间：
2016-09-18 19:31:33
阅读次数：
131
使用cordova做跨平台开发已久，针对于Android的性能与页面渲染问题仍然让人头疼，因为仍然有一部分人使用性能一般的手机，版本在 4.2-4.4之间，甚至都无法支持HTML5的flex布局，使得我们不得不使用crosswalk以增强我们的webview，但是它给我们带来的确 实使得安装包大了将 ...
分类：
移动开发 时间：
2016-09-06 06:41:07
阅读次数：
426
一：理论知识点 1:什么是FlexBox布局? 弹性盒模型（The Flexible Box Module）,又叫Flexbox，意为“弹性布局”，旨在通过弹性的方式来对齐和分布容器中内容的空间，使其能适应不同屏幕，为盒装模型提供最大的灵活性。 Flex布局主要思想是：让容器有能力让其子项目能够改变 ...
分类：
其他好文 时间：
2016-09-05 17:04:59
阅读次数：
143
