照片墙

2019-05-08 22:56:39 +08:00
parent f78712c611
commit f64ec5dc6d
19 changed files with 124 additions and 55 deletions
@@ -0,0 +1,21 @@
+/*
+* 照片墙页面专用css
+*/
+// 瀑布流最外层
+#photo-wall {
+  margin: 0 auto;
+  column-count: auto;
+  column-width: 240px;
+  column-gap: 20px;
+  // 每一列图片包含层
+  .item {
+    margin-bottom: 20px;
+    // 防止多列布局，分页媒体和多区域上下文中的意外中断
+    break-inside: avoid;
+  }
+  // 图片
+  .item-img {
+    width: 100%;
+    vertical-align: middle;
+  }
+}