摘要: 上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 我只列出代码,详细的语法解释请查阅《flex布局定位一》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子 阅读全文
posted @ 2022-02-11 11:34 天心~ 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 阅读全文
posted @ 2022-02-11 11:27 天心~ 阅读(400) 评论(0) 推荐(0) 编辑