0. 目录目录引言正文1 引入2 基础3 使用4 弹性容器Flex container属性41 flex-direction42 flex-wrap43 flex-flow44 justify-content45 align-items46 align-content47 注意事项5 弹性子元素Fl...
分类：
Web程序 时间：
2015-05-07 15:55:48
阅读次数：
237
作者长期以来使用表格、浮动、行内块元素和其他 CSS 属性来布局网站内容。然而，这些并不是为复杂的页面和网页应用而设计的。不管是简单的垂直居中，还是灵活的网格布局都很难靠一己之力轻易实现，因此成就了CSS 网格框架。但是，如果真的需要那么多项目来实现做这些事，为什么不让它来的更简单些呢？Flexbo...
分类：
其他好文 时间：
2015-05-05 16:12:04
阅读次数：
136
感觉
CSS 有很多可以
hack 的，好玩的地方。
想了一个简单的，诡异的办法，让
Div 中想展现的内容垂直居中。
而不去使用
flexbox, JS, Less, Scss, rotate, before, after
#container {...
分类：
其他好文 时间：
2015-04-30 18:15:38
阅读次数：
201
目录：一、项目地址二、布局1、按屏滚动会碰到什么问题？2、flexbox会碰到什么问题？3、fixed定位需要慎用。三、动画1、CSS动画与Canvas动画性能优劣分析2、当缩放动画碰上硬件加速3、动画由Javascript来维护还是css维护的思考四、特性1、如何解决音频播放预加载与延时的问题2、...
分类：
移动开发 时间：
2015-04-28 13:41:10
阅读次数：
242
最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结...
分类：
其他好文 时间：
2015-04-21 20:23:51
阅读次数：
181
现在移动端 web app 的自适应布局的方案有 5种。 零. Flexbox 使用css3 flexbox 进行布局，对于富媒体和复杂排版的支持非常强大，未普及兼容性非常差，几乎没有在任何项目中得到应用。 一. 弹性布局 使用 em 或 rem 单位进行相对布...
分类：
移动开发 时间：
2015-04-20 16:38:09
阅读次数：
183
距离上篇文章《布局神器:Flexbox》的发表已有一周时间，转眼这周又到了周五（O(∩_∩)O~~）；习惯性在周五对自己的一周工作进行下总结，记录下这周值得被纪念的工作事件，无论是好的，亦或坏的；本周继续是响应式网页的开发，手机浏览器，以及微信页面的开发，所以，我就有了大量的实践机会；于是，本周就将...
分类：
其他好文 时间：
2015-04-10 17:47:41
阅读次数：
499
1 2 未知高度和宽度的内容3 未知高度和宽度内容4 需要实现两个子容器中一个依据另外一个的高度而自动等高，同时父容器也是同样自动等高，宽度可以自适应或者按需分配。目前我学习到的两种解决办法一种是利用flexbox，另外一种是利用table和table-cell，下文均有解释。//-...
分类：
其他好文 时间：
2015-04-10 15:22:34
阅读次数：
424
