iter(g305): 新增瀑布流布局 masonry

2026-10-27 00:34:25 +08:00
parent adcd0f7dc5
commit 08f14ce0db
13 changed files with 182 additions and 10 deletions
@@ -6089,3 +6089,12 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
    transition-property: color, background-color, border-color, box-shadow, opacity, fill, stroke; /* 只保留不产生空间位移的属性 */
  }
 }
+
+/* —— 瀑布流：多列布局，列宽自适应或固定列数 —— */
+.ua-masonry {
+  display: block; /* 多列容器不能是 flex/grid，否则 column-width 失效 */
+}
+.ua-masonry-item {
+  break-inside: avoid; /* 卡片不被拆到两列：图片墙里断半截最刺眼 */
+  page-break-inside: avoid; /* 打印时同样不拆断 */
+}