User:Selfice/管理员工具箱/styles.css:修订间差异

跳转到导航 跳转到搜索
无编辑摘要
无编辑摘要
 
(未显示同一用户的7个中间版本)
第6行: 第6行:
}
}
.list-container {
.list-container {
    display: flex;
width: 100%; /* 宽度占满父容器 */
    gap: 10px; /* 列间距 */
    width: 100%; /* 宽度占满父容器 */
    flex:1;
}
}
.list-container > ul{
.list-container > ul{
    flex: 1;  
display: flex;
    max-width:calc(50% - 36px); /* 宽度占满父容器 */
flex-wrap: wrap; /* 允许换行 */
    display: flex;
gap: 3px 6px; /* 设置间距 */
    flex-direction: column;
    justify-content: space-around;
}
}
.list-container > ul > li > a {
.list-container > ul > li {
    white-space: nowrap; /* 禁止链接内换行 */
flex: 1 1 calc(25% - 16px);
    overflow: hidden; /* 超出部分隐藏 */
box-sizing: border-box;
    text-overflow: ellipsis; /* 超出部分用省略号表示 */
padding: 6px;
    max-width:100%; /* 宽度占满父容器 */
border: 1px solid #ddd;
display: block;
border-radius: 6px;
background-color: #f9f9f9;
text-align: center;
display: flex;
flex-wrap: wrap;
align-content: center;
}
}