MediaWiki:Common.css:修订间差异
删除的内容 添加的内容
测试 |
继续更新布局 |
||
第96行:
}
/*
.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-section {▼
.software-info-basic {
width: 25%; /*
}
.software-info-architecture {
width: 30%; /* 架构与版本(较大) */
}
.software-info-features {
width: 30%; /* 功能与发行(较大) */
}
.software-info-license {
width: 15%; /* 贡献与许可证(较小) */
}
}
第129行 ⟶ 第145行:
width: 100%;
border-collapse: collapse;
flex-grow: 1;
}
第145行 ⟶ 第161行:
padding: 8px;
text-align: left;
}
/* 让移动端的表格水平居中 */
@media (max-width: 768px) {
▲ .software-info-section {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
}
| |||