User:Selfice/管理员工具箱/styles.css:修订间差异
< User:Selfice | 管理员工具箱
无编辑摘要 |
无编辑摘要 |
||
第11行: | 第11行: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; /* 允许换行 */ | flex-wrap: wrap; /* 允许换行 */ | ||
gap: | gap: 3px 6px; /* 设置间距 */ | ||
} | } | ||
.list-container > ul > li { | .list-container > ul > li { | ||
flex: 1 1 calc(25% - 16px); | flex: 1 1 calc(25% - 16px); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding: | padding: 6px; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: | border-radius: 6px; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
text-align: center; | text-align: 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; }