陋室

MediaWiki:Common.css：修订间差异

以互动方式浏览历史
←上一编辑下一编辑→

XP-jia​（留言 | 贡献）

3个用户组
1,055次编辑
删除的内容 添加的内容
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
继续测试移动端
XP-jia​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,055次编辑
测试
第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-wrapgrow: wrap1;
}
 
▲/* 适配桌面端，2x2 格式（大屏幕：四组横向排列，等宽） */
@media (min-width: 768px) {
.software-info {
flex-direction: row; /* 横向排列 */
flex-wrap: wrapnowrap; /* 强制一行显示四组 */
justify-content: space-between; /* 平让四组均分布空间 */
}
 
.software-info-section {
width: calc(5025% - 5px); /* 每行组宽度占总宽度的 2 组，去掉间距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: 8px5px;
}
 
/* 表格单元格样式 */
.software-info-section th,
.software-info-section td {
取自“https://xn--k7y073b.xn--6qqs2j68e.xn--fiqs8s/wiki/MediaWiki:Common.css”