css - Grid网格布局

xing.org1^

发布于 2018-12-17 02:37:11

1.2K00

代码可运行

文章被收录于专栏：前端说吧前端说吧

运行总次数：0

代码可运行

    .wrapper{
      display: grid;
      grid-template-columns: 100px 100px 100px;
      grid-template-rows: 100px 100px 100px;
    }

三行代码实现你头疼的九宫格布局：

这就是grid的魅力。

哎呀，最近没有计划深入学习，先贴几篇不错的博文吧。

今天的任务只是利用grid实现九宫格。已经实现了，暂时不深入追究。

日后深入研究grid再整理成文吧。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018-11-23 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度