美丽心灵公益论坛

查看: 336|回复: 1

写css的grid排版布局时,遇到一点小问题:

[复制链接]
累计签到:534 天
连续签到:1 天

887

主题

3114

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48404
发表于 2025-1-12 13:29:09| 字数 196 | 显示全部楼层 |阅读模式
排版如下:



代码如下


  1. /* 图书列表样式 */
  2. .book-list {
  3.   display: grid;
  4.   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  5.   gap: 20px;
  6.   padding: 20px;
  7. }
复制代码


关键是这句,grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));我不太懂

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
累计签到:534 天
连续签到:1 天

887

主题

3114

回帖

4万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
48404
 楼主| 发表于 2025-1-12 14:02:17| 字数 15 | 显示全部楼层
后来,经过AI的提示



后茅塞顿开

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|免责及版权声明|关于|美丽心灵公益论坛

GMT+8, 2025-9-21 05:15 , Processed in 0.072589 second(s), 29 queries .

Powered by Discuz! X3.4

!copyright!

快速回复 返回顶部 返回列表