MediaWiki:Common.css：修订间差异

以互动方式浏览历史

←上一编辑下一编辑→

删除的内容添加的内容

行内

@@ 第96行： / 第96行： @@
 }
-/* 软件信息主容器 */
+/* 让软件信息表格填满整个页面 */
 .software-info {
     display: flex;
     flex-direction: column; /* 默认移动端纵向排列 */
-    flex-wrap: wrap;
-    align-items: stretch;
-    gap: 10px; /* 分组之间的间距 */
     width: 100%;
+    gap: 10px; /* 每组之间的间距 */
 }
+/* 每一组的默认样式（移动端：占满整行） */
-/* 适配桌面端，2x2 格式排列 */
+.software-info-section {
+    width: 100%; /* 在移动端时，占满整行 */
+    display: flex;
+    flex-direction: column; /* 让表格填充整个区域 */
+    flex-grow: 1;
+}
+/* 适配桌面端（大屏幕：四组横向排列，等宽） */
 @media (min-width: 768px) {
     .software-info {
-        flex-direction: row;
+        flex-direction: row; /* 横向排列 */
-        flex-wrap: wrap;
+        flex-wrap: nowrap; /* 强制一行显示四组 */
-        justify-content: space-between; /* 平均分布 */
+        justify-content: space-between; /* 让四组均分空间 */
     }
     .software-info-section {
-        width: calc(50% - 5px); /* 每行 2 组，去掉间距 */
+        width: 25%; /* 每组宽度占总宽度的 1/4 */
     }
 }
-/* 让表格填充整个分组 */
+/* 让表格填充整个分类块 */
 .software-info-section table {
     width: 100%;
     border-collapse: collapse;
+    flex-grow: 1; /* 让表格填满父容器 */
 }
-/* 统一分类标题 */
+/* 标题格式 */
 .software-info-section table caption {
     font-weight: bold;
     text-align: center;
-    padding: 8px;
+    padding: 5px;
 }
-/* 单元格样式 */
+/* 表格单元格样式 */
 .software-info-section th,
 .software-info-section td {