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

来自NeuroWiki
跳转到导航 跳转到搜索
←上一编辑
无编辑摘要
 
（未显示同一用户的16个中间版本）
第1行： 第1行：
.custom-wrapper {
/* 容器样式：设置为两列布局 */
display: flex;
.dynamic-list-container {
flex-wrap: wrap; /* 允许内容换行 */
    display: flex;
width: 100%; /* 父容器占满宽度 */
    gap: 10px; /* 列间距 */
gap: 10px; /* 添加一些列和行之间的间距 */
    width: 100%; /* 宽度占满父容器 */
list-style: none; /* 去掉默认样式（如果是列表） */
    flex:1;
padding: 0;
margin: 0;
}
}
 
.dynamic-list-container > ul{
.custom-wrapper a {
    flex: 1;
width: calc(50% - 10px); /* 每列占50%，减去间隙 */
    max-width:calc(50% - 36px); /* 宽度占满父容器 */
box-sizing: border-box; /* 确保内容宽度计算正确 */
    display: flex;
white-space: nowrap; /* 禁止换行 */
    flex-direction: column;
overflow: hidden; /* 超出部分隐藏 */
    justify-content: space-around;
text-overflow: ellipsis; /* 超出部分用省略号表示 */
display: inline-block; /* 保证块级布局 */
text-decoration: none; /* 去掉下划线 */
color: #000; /* 设置文字颜色（可根据需求修改） */
}
}
 
.dynamic-list-container > ul > li > a {
.custom-wrapper a:hover {
    white-space: nowrap; /* 禁止链接内换行 */
color: #007BFF; /* 鼠标悬停时改变链接颜色 */
    overflow: hidden; /* 超出部分隐藏 */
text-decoration: underline; /* 鼠标悬停时添加下划线 */
    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;
}
检索自“http://zh.neurosama.info/mediawiki/index.php?title=Template:DynamicListFormatter/styles.css&oldid=2435”