2016年1月27日

Flex 布局教程：实例篇（转）

摘要： 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到... 阅读全文

posted @ 2016-01-27 13:50 海源 阅读(172) 评论(0) 推荐(0) 编辑

Flex 布局教程：语法篇（转）

摘要： 网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各... 阅读全文

posted @ 2016-01-27 13:49 海源 阅读(158) 评论(0) 推荐(0) 编辑

简单实现瀑布流效果

摘要： PUBUmodel.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="css/p 阅读全文

posted @ 2016-01-27 11:52 海源 阅读(93) 评论(0) 推荐(0) 编辑

导航