老师，关于我对9宫格布局的思考与困惑

来源：8-10 书架图书组件开发(单书封面+分类书籍封面实现)

幸福谷

2019-03-10

看老师在分类列表里面的布局使用了3n+1的方式，（私下以为过于麻烦），：

如果用网格布局会不会稍微方便一点呢？

代码如下：

display grid
grid-gap px2rem(2.5)
grid-template-columns  repeat(3, 1fr)

在书架列表里面我嵌套了2层网格（一层是外部的图书列表，一层是分类列表）。但是比较困惑的是：

分类列表显示有10本书，无法通过如下代码来隐藏最后的一本书

grid-template-rows repeat(3, 1fr)
overflow: hidden

请老师指教..........................

最后我的解决方法是删除了一本数据，来适应9宫格，但是这显然不如人意

写回答

1回答

Sam

2019-03-10

你好，这里主要为了展示nth-child这个知识点：）实现九宫格有很多方法，你的实现也是一种不错的思路，能否提供完整的源码？以便我调试

幸福谷

这几天把九宫格布局停下来了，在学习登录接口那一步，遇到一些困惑的事情了，在纠结到底学Django还是KOA或egg？虽然半途而废不好，可是登录接口是前端无法回避的问题啊

2019-03-16

共1条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构，完整项目流程

1633 学习 · 1951 问题

相似问题

回答 1

回答 1

回答 2

回答 1

回答 2