Template:DynamicListFormatter/styles.css：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
/* | /* 容器样式，设置为两列布局 */ | ||
.dynamic-list-container { | .dynamic-list-container { | ||
display: flex; | display: flex; | ||
| 第7行： | 第7行： | ||
} | } | ||
/* 每个链接的样式 */ | |||
.dynamic-list-container a { | .dynamic-list-container a { | ||
flex: 0 0 calc(50% - 10px); /* 每行占 50% 的宽度，减去间距 */ | flex: 0 0 calc(50% - 10px); /* 每行占 50% 的宽度，减去间距 */ | ||
| 第16行： | 第17行： | ||
} | } | ||
/* 鼠标悬停时的样式 */ | |||
.dynamic-list-container a:hover { | .dynamic-list-container a:hover { | ||
color: #007BFF; /* 鼠标悬停时的颜色 */ | color: #007BFF; /* 鼠标悬停时的颜色 */ | ||
text-decoration: underline; /* 鼠标悬停时显示下划线 */ | text-decoration: underline; /* 鼠标悬停时显示下划线 */ | ||
} | |||
/* 去除 <a> 标签之间的分隔符（如顿号和零宽度空格） */ | |||
.dynamic-list-container p { | |||
display: flex; /* 将 <p> 转化为 flex 容器 */ | |||
flex-wrap: wrap; /* 自动换行 */ | |||
margin: 0; /* 移除默认的 <p> 的外边距 */ | |||
gap: 0; /* 去掉 <a> 标签之间的间距 */ | |||
} | |||
.dynamic-list-container p::before, | |||
.dynamic-list-container p::after { | |||
content: ""; /* 移除 <p> 的前后内容 */ | |||
} | |||
.dynamic-list-container p a { | |||
margin: 0; /* 去掉 <a> 标签的默认外边距 */ | |||
} | } | ||
/* 去除 <a> 标签之间的字符 */ | /* 去除 <a> 标签之间的字符 */ | ||
.dynamic-list-container a | .dynamic-list-container p a + a::before { | ||
content: ""; /* | content: ""; /* 清空顿号 "、" 或其他分隔符 */ | ||
} | } | ||