User:Selfice/管理员工具箱/styles.css：修订间差异
< User:Selfice | 管理员工具箱
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的6个中间版本） | |||
| 第6行： | 第6行： | ||
} | } | ||
.list-container { | .list-container { | ||
width: 100%; /* 宽度占满父容器 */ | |||
} | } | ||
.list-container > ul{ | .list-container > ul{ | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; /* 允许换行 */ | |||
flex-wrap: wrap; | gap: 3px 6px; /* 设置间距 */ | ||
} | } | ||
.list-container > ul > li { | .list-container > ul > li { | ||
flex: 1 1 calc(25% - 16px); | |||
flex: 1 1 calc( | box-sizing: border-box; | ||
padding: 6px; | |||
border: 1px solid #ddd; | |||
border-radius: 6px; | |||
background-color: #f9f9f9; | |||
text-align: center; | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-content: center; | |||
} | } | ||
2025年4月16日 (三) 20:08的最新版本
.common-box{
padding: 0.2em 0.4em;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: #666 0 2px 3px;
}
.list-container {
width: 100%; /* 宽度占满父容器 */
}
.list-container > ul{
display: flex;
flex-wrap: wrap; /* 允许换行 */
gap: 3px 6px; /* 设置间距 */
}
.list-container > ul > li {
flex: 1 1 calc(25% - 16px);
box-sizing: border-box;
padding: 6px;
border: 1px solid #ddd;
border-radius: 6px;
background-color: #f9f9f9;
text-align: center;
display: flex;
flex-wrap: wrap;
align-content: center;
}