|
@@ -129,7 +129,7 @@ h2 {
|
|
|
display: grid;
|
|
display: grid;
|
|
|
/* 核心代码：自动填充，每个卡片固定宽度 220px，多余空间自动换行 */
|
|
/* 核心代码：自动填充，每个卡片固定宽度 220px，多余空间自动换行 */
|
|
|
/* grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); */
|
|
/* grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); */
|
|
|
- grid-template-columns: repeat(8, 180px);
|
|
|
|
|
|
|
+ grid-template-columns: repeat(15, 100px);
|
|
|
gap: 10px;
|
|
gap: 10px;
|
|
|
justify-content: start; /* 左对齐，防止拉伸 */
|
|
justify-content: start; /* 左对齐，防止拉伸 */
|
|
|
}
|
|
}
|
|
@@ -593,10 +593,7 @@ h2 {
|
|
|
<div class="count-label"></div>
|
|
<div class="count-label"></div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="process-container" style="margin-top: 10px;">
|
|
|
|
|
|
|
+
|
|
|
<div class="process-card">
|
|
<div class="process-card">
|
|
|
<div class="process-name">辫子</div>
|
|
<div class="process-name">辫子</div>
|
|
|
<a href="/workshopshow/gcjscsshow?id=17" target="_blank">
|
|
<a href="/workshopshow/gcjscsshow?id=17" target="_blank">
|
|
@@ -649,7 +646,7 @@ h2 {
|
|
|
<div class="count-label"></div>
|
|
<div class="count-label"></div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="process-card"></div>
|
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
