Template:DynamicListFormatter/styles.css：修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的6个中间版本） | |||
| 第2行： | 第2行： | ||
.dynamic-list-container { | .dynamic-list-container { | ||
display: flex; | display: flex; | ||
gap: 10px; /* 列间距 */ | gap: 10px; /* 列间距 */ | ||
width: 100%; /* 宽度占满父容器 */ | width: 100%; /* 宽度占满父容器 */ | ||
flex:1; | |||
} | } | ||
.dynamic-list-container > | .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; /* 禁止链接内换行 */ | white-space: nowrap; /* 禁止链接内换行 */ | ||
overflow: hidden; /* 超出部分隐藏 */ | overflow: hidden; /* 超出部分隐藏 */ | ||
text-overflow: ellipsis; /* 超出部分用省略号表示 */ | text-overflow: ellipsis; /* 超出部分用省略号表示 */ | ||
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;
}