User:Selfice/管理员工具箱/styles.css:修订间差异
< User:Selfice | 管理员工具箱
无编辑摘要 |
无编辑摘要 |
||
第6行: | 第6行: | ||
} | } | ||
.list-container { | .list-container { | ||
width: 100%; /* 宽度占满父容器 */ | width: 100%; /* 宽度占满父容器 */ | ||
} | } | ||
.list-container > ul{ | .list-container > ul{ | ||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
justify-content: flex-start; | |||
} | |||
.list-container > ul > li { | |||
margin: 0.1em 16px; | |||
flex: 1 1 calc(33.333% - 16px); | |||
} | } | ||
.list-container > ul > li > a { | .list-container > ul > li > a { |
2025年4月16日 (三) 19:22的版本
.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-direction: row; flex-wrap: wrap; justify-content: flex-start; } .list-container > ul > li { margin: 0.1em 16px; flex: 1 1 calc(33.333% - 16px); } .list-container > ul > li > a { white-space: nowrap; /* 禁止链接内换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分用省略号表示 */ max-width:100%; /* 宽度占满父容器 */ display: block; }