文章分类 -  布局篇------伸缩布局（flex）

一个完整的Flexbox指南
摘要：http://www.w3cplus.com/css3/a-guide-to-flexbox.htmlFlexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。（这里我们称为Flex）。Flex布局主要思想是让... 阅读全文

posted @ 2015-03-17 15:29 鬼鬼丫404 阅读(117) 评论(0) 推荐(0)

深入了解 Flexbox 伸缩盒模型
摘要：http://www.w3cplus.com/blog/666.html介绍Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快，所以当 Flexbox 被广泛支持并应用时你将会快人一... 阅读全文

posted @ 2015-03-17 11:25 鬼鬼丫404 阅读(77) 评论(0) 推荐(0)

跨浏览器伸缩布局进阶教程
摘要：http://dev.oupeng.com/articles/advanced-cross-browser-flexboxCSS3 弹性布局模块 —— 短命名叫 Flexbox —— 为我们的 web 开发带来了许多能量和令人兴奋的畅想空间，我们可以快速轻松地搭建复杂的网站布局，摒弃一些我们惯常使用... 阅读全文

posted @ 2015-03-17 11:20 鬼鬼丫404 阅读(211) 评论(0) 推荐(0)

伸缩布局 — 打开布局天堂之门？
摘要：http://dev.oupeng.com/articles/flexbox-basics介绍HTML 与 CSS 的结合在很多地方是很棒的内容发布机制 ― 学起来很简单、适用性很高、很强大。然而在文档布局上它还尚未能堪称完美。如果你想要使用只有一两张浮动的图的简单文章布局那倒是没什么关系，但是要弄... 阅读全文

posted @ 2015-03-17 10:57 鬼鬼丫404 阅读(223) 评论(0) 推荐(0)

display:flex 多栏多列布局
摘要：http://www.51xuediannao.com/qd63/index.php/page-3-86-1.htmldisplay:flex 多栏多列布局浏览器支持情况：火狐直接支持w3c无前缀写法，谷歌和opera支持-webkit- 前缀写法，比较适合移动端开发使用，display:flex ... 阅读全文

posted @ 2014-12-02 16:16 鬼鬼丫404 阅读(577) 评论(0) 推荐(0)

导航