摘要: flex布局 网格布局 基本网格布局 最简单的网格布局,就是平均分布。在容器里面平均分配空间,跟上面的骰子布局很像,但是需要设置项目的自动缩放。 HTML代码如下 <div class="Grid"> <div class="Grid-cell">...</div> <div class="Grid 阅读全文
posted @ 2022-02-22 17:43 刘阿迈 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。指定容器 display: f 阅读全文
posted @ 2022-02-22 17:43 刘阿迈 阅读(42) 评论(0) 推荐(0) 编辑