MediaWiki:Common.css：修订间差异

以互动方式浏览历史

←上一编辑下一编辑→

删除的内容添加的内容

行内

@@ 第100行： / 第100行： @@
     display: flex;
     flex-direction: column; /* 默认移动端纵向 */
-    align-items: center; /* 居中对齐 */
+    align-items: stretch;
-    gap: 10px; /* 每个分类块之间的间距 */
+    gap: 10px; /* 每个分类之间的间距 */
+    width: 100%; /* 宽度撑满 */
 }
-/* 软件信息分类（桌面端横向排列） */
+/* 适配桌面端，横向排列 */
 @media (min-width: 768px) {
     .software-info {
-        flex-direction: row; /* 桌面端横向排列 */
+        flex-direction: row;
-        flex-wrap: wrap; /* 超出屏幕时换行 */
+        flex-wrap: wrap;
-        justify-content: center;
+        justify-content: space-between; /* 均匀分布 */
+        align-items: stretch; /* 让所有分类高度对齐 */
     }
     .software-info-section {
-        flex: 1; /* 让每个分类块等宽 */
+        flex: 1; /* 所有分类宽度相同 */
-        min-width: 200px; /* 避免内容太窄 */
+        min-width: 250px; /* 避免内容过窄 */
+        display: flex;
+        flex-direction: column; /* 让表格填充整个区域 */
     }
 }
-/* 表格样式 */
+/* 让表格占满分类容器 */
 .software-info-section table {
-    width: 100%; /* 让表格填充分类块 */
+    width: 100%;
     border-collapse: collapse;
+    flex-grow: 1; /* 让表格填满父容器 */
 }
-/* 分类标题 */
+/* 统一标题格式 */
 .software-info-section table caption {
     font-weight: bold;
@@ 第136行： / 第141行： @@
     border: 1px solid var(--mw-border-color);
     padding: 8px;
+    text-align: left;
 }