User:Selfice/管理员工具箱/styles.css:修订间差异
< User:Selfice | 管理员工具箱
无编辑摘要 |
无编辑摘要 |
||
第14行: | 第14行: | ||
} | } | ||
.list-container > ul > li { | .list-container > ul > li { | ||
flex: 1 1 calc( | flex: 1 1 calc(25% - 16px); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding: 16px; | padding: 16px; | ||
第21行: | 第21行: | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
text-align: center; | text-align: center; | ||
display: flex; | |||
flex-wrap: wrap; | |||
align-content: center; | |||
} | } |
2025年4月16日 (三) 20:06的版本
.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: 16px; /* 设置间距 */ } .list-container > ul > li { flex: 1 1 calc(25% - 16px); box-sizing: border-box; padding: 16px; border: 1px solid #ddd; border-radius: 8px; background-color: #f9f9f9; text-align: center; display: flex; flex-wrap: wrap; align-content: center; }