模板:首页/styles.css：修订间差异
来自高中笔记
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第84行： | 第84行： | ||
/* Masonry 布局 */ | |||
.homepage-grid { | .homepage-grid { | ||
column-count: 2; | column-count: 2; | ||
column-gap: 1em; | column-gap: 1em; | ||
} | } | ||
@media (min-width: 1200px) { | |||
.homepage-grid { | |||
column-count: 3; | |||
} | |||
} | |||
/* 顶部横幅占整行 */ | |||
.homepage-banner { | |||
break-inside: avoid; | |||
width: 100%; | |||
margin-bottom: 1em; | |||
} | |||
/* 卡片在 Masonry 中避免断裂 */ | |||
.info-card { | .info-card { | ||
break-inside: avoid; | break-inside: avoid; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||