Template:DynamicListFormatter/styles.css：修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第5行： | 第5行： | ||
width: 100%; /* 宽度占满父容器 */ | width: 100%; /* 宽度占满父容器 */ | ||
} | } | ||
.dynamic-list-container > | .dynamic-list-container > ul{ | ||
flex: 0 0 calc(50% - 10px); /* 每行占 50% 的宽度，减去间距 */ | flex: 0 0 calc(50% - 10px); /* 每行占 50% 的宽度，减去间距 */ | ||
max-width:50%; /* 宽度占满父容器 */ | max-width:50%; /* 宽度占满父容器 */ | ||
} | } | ||
.dynamic-list-container > | .dynamic-list-container > ul > li > a { | ||
white-space: nowrap; /* 禁止链接内换行 */ | white-space: nowrap; /* 禁止链接内换行 */ | ||
overflow: hidden; /* 超出部分隐藏 */ | overflow: hidden; /* 超出部分隐藏 */ | ||
2025年1月23日 (四) 16:47的版本
/* 容器样式：设置为两列布局 */
.dynamic-list-container {
display: flex;
gap: 10px; /* 列间距 */
width: 100%; /* 宽度占满父容器 */
}
.dynamic-list-container > ul{
flex: 0 0 calc(50% - 10px); /* 每行占 50% 的宽度，减去间距 */
max-width:50%; /* 宽度占满父容器 */
}
.dynamic-list-container > ul > li > a {
white-space: nowrap; /* 禁止链接内换行 */
overflow: hidden; /* 超出部分隐藏 */
text-overflow: ellipsis; /* 超出部分用省略号表示 */
max-width:100%; /* 宽度占满父容器 */
}