User:Selfice/管理员工具箱/styles.css:修订间差异
< User:Selfice | 管理员工具箱
Selfice已變更頁面User:Selfice/管理员工具箱/styles.css的內容模型自「CSS」至「已過濾的CSS」 标签:内容模型更改 |
无编辑摘要 |
||
第4行: | 第4行: | ||
border-radius: 10px; | border-radius: 10px; | ||
box-shadow: #666 0 2px 3px; | box-shadow: #666 0 2px 3px; | ||
} | |||
.list-container { | |||
display: flex; | |||
gap: 10px; /* 列间距 */ | |||
width: 100%; /* 宽度占满父容器 */ | |||
flex:1; | |||
} | |||
.list-container > ul{ | |||
flex: 1; | |||
max-width:calc(50% - 36px); /* 宽度占满父容器 */ | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-around; | |||
} | |||
.list-container > ul > li > a { | |||
white-space: nowrap; /* 禁止链接内换行 */ | |||
overflow: hidden; /* 超出部分隐藏 */ | |||
text-overflow: ellipsis; /* 超出部分用省略号表示 */ | |||
max-width:100%; /* 宽度占满父容器 */ | |||
display: block; | |||
} | } |
2025年4月16日 (三) 19:12的版本
.common-box{ padding: 0.2em 0.4em; border: 1px solid #ddd; border-radius: 10px; box-shadow: #666 0 2px 3px; } .list-container { display: flex; gap: 10px; /* 列间距 */ width: 100%; /* 宽度占满父容器 */ flex:1; } .list-container > ul{ flex: 1; max-width:calc(50% - 36px); /* 宽度占满父容器 */ display: flex; flex-direction: column; justify-content: space-around; } .list-container > ul > li > a { white-space: nowrap; /* 禁止链接内换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分用省略号表示 */ max-width:100%; /* 宽度占满父容器 */ display: block; }