Template:DynamicListFormatter/styles.css:修订间差异

来自NeuroWiki
跳转到导航 跳转到搜索
无编辑摘要
无编辑摘要
 
(未显示同一用户的3个中间版本)
第4行: 第4行:
     gap: 10px; /* 列间距 */
     gap: 10px; /* 列间距 */
     width: 100%; /* 宽度占满父容器 */
     width: 100%; /* 宽度占满父容器 */
    flex:1;
}
}
.dynamic-list-container > ul{
.dynamic-list-container > ul{
     flex: 0 0 calc(50% - 10px); /* 每行占 50% 的宽度,减去间距 */
     flex: 1;
     max-width:50%; /* 宽度占满父容器 */
    max-width:calc(50% - 36px); /* 宽度占满父容器 */
     display: flex;
    flex-direction: column;
    justify-content: space-around;
}
}
.dynamic-list-container > ul > li > a {
.dynamic-list-container > ul > li > a {
第14行: 第18行:
     text-overflow: ellipsis; /* 超出部分用省略号表示 */
     text-overflow: ellipsis; /* 超出部分用省略号表示 */
     max-width:100%; /* 宽度占满父容器 */
     max-width:100%; /* 宽度占满父容器 */
display: block;
}
}

2025年1月23日 (四) 17:16的最新版本

/* 容器样式:设置为两列布局 */
.dynamic-list-container {
    display: flex;
    gap: 10px; /* 列间距 */
    width: 100%; /* 宽度占满父容器 */
    flex:1;
}
.dynamic-list-container > ul{
    flex: 1; 
    max-width:calc(50% - 36px); /* 宽度占满父容器 */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.dynamic-list-container > ul > li > a {
    white-space: nowrap; /* 禁止链接内换行 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis; /* 超出部分用省略号表示 */
    max-width:100%; /* 宽度占满父容器 */
	display: block;
}