MediaWiki:Common.css：修订间差异
MediaWiki界面页面
更多操作
删除的内容 添加的内容
移除样式 |
移除样式 |
||
| 第96行： | 第96行： | ||
} |
} |
||
/* 首页样式 */ |
/* 首页样式 */ |
||
/* Template:SoftwareInfo表 */ |
|||
/* 软件信息表格整体布局 */ |
|||
.software-info { |
|||
display: flex; |
|||
flex-direction: column; /* 默认移动端纵向排列 */ |
|||
width: 100%; |
|||
gap: 10px; /* 组间距 */ |
|||
align-items: center; /* 水平居中 */ |
|||
} |
|||
/* 每一组的默认样式（移动端：占满整行，并水平居中） */ |
|||
.software-info-section { |
|||
width: 100%; /* 移动端默认占满 */ |
|||
display: flex; |
|||
flex-direction: column; |
|||
flex-grow: 1; |
|||
max-width: 600px; /* 限制移动端最大宽度，防止超宽 */ |
|||
} |
|||
/* 桌面端（大屏幕）：按顺序排列，且宽度调整 */ |
|||
@media (min-width: 768px) { |
|||
.software-info { |
|||
flex-direction: row; |
|||
flex-wrap: nowrap; /* 一行排列 */ |
|||
/* justify-content: space-between; /* 让四组均分空间 */ |
|||
align-items: flex-start; /* 顶端对齐 */ |
|||
} |
|||
/* 设定每一类的宽度比例 */ |
|||
.software-info-basic { |
|||
width: 20%; /* 基本信息 */ |
|||
} |
|||
.software-info-architecture { |
|||
width: 35%; /* 架构与版本（较大） */ |
|||
} |
|||
.software-info-features { |
|||
width: 35%; /* 功能与发行（较大） */ |
|||
} |
|||
.software-info-license { |
|||
width: 10%; /* 贡献与许可证（较小） */ |
|||
} |
|||
} |
|||
/* 让表格填充整个分类块 */ |
|||
.software-info-section table { |
|||
width: 100%; |
|||
border-collapse: collapse; |
|||
flex-grow: 1; |
|||
} |
|||
/* 标题格式 */ |
|||
.software-info-section table caption { |
|||
font-weight: bold; |
|||
text-align: center; |
|||
padding: 5px; |
|||
} |
|||
/* 表格单元格样式 */ |
|||
.software-info-section th, |
|||
.software-info-section td { |
|||
border: 1px; |
|||
padding: 8px; |
|||
text-align: left; |
|||
min-width: 10ch; /* 至少能容纳五个汉字 */ |
|||
word-break: break-word; /* 避免内容过长导致溢出 */ |
|||
} |
|||
/* 让移动端的表格水平居中 */ |
|||
@media (max-width: 768px) { |
|||
.software-info-section { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
text-align: center; |
|||
} |
|||
} |
|||
/* Template:SoftwareInfo */ |
|||