摘要：在响应式设计(RWD)中，令大家最头痛的问题的是图片的自适应处理问题。往往我采取的处理方式是给图片的容器设置一个尺寸，然后给图片设置下面的代码：img { max-width: 100%; height: auto;}但往往需要处理的只止于此。你可能想要让图像长宽比例来填充他的整个容器，... 阅读全文

摘要：html 结构 css.container{ width: 100%; height: 100%; text-align:center; position: fixed;}.container:after { display: inline-block; ... 阅读全文

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

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