Template:DynamicListFormatter/styles.css：修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
.dynamic-list | .my-dynamic-list { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; /* 自动换行 */ | flex-wrap: wrap; /* 自动换行 */ | ||
| 第6行： | 第6行： | ||
} | } | ||
.dynamic-list | .my-dynamic-list[data-columns="2"] .dynamic-content-placeholder > * { | ||
width: calc(50% - 10px); /* 两列布局 */ | width: calc(50% - 10px); /* 两列布局 */ | ||
} | } | ||
.dynamic-list | .my-dynamic-list[data-columns="3"] .dynamic-content-placeholder > * { | ||
width: calc(33.333% - 10px); /* 三列布局 */ | width: calc(33.333% - 10px); /* 三列布局 */ | ||
} | } | ||
.dynamic-list | .my-dynamic-list[data-columns="4"] .dynamic-content-placeholder > * { | ||
width: calc(25% - 10px); /* 四列布局 */ | width: calc(25% - 10px); /* 四列布局 */ | ||
} | } | ||
.dynamic- | .dynamic-content-placeholder a { | ||
white-space: nowrap; /* 禁止换行 */ | white-space: nowrap; /* 禁止换行 */ | ||
overflow: hidden; /* 超出部分隐藏 */ | overflow: hidden; /* 超出部分隐藏 */ | ||
| 第27行： | 第27行： | ||
} | } | ||
.dynamic- | .dynamic-content-placeholder a:hover { | ||
color: #007BFF; /* 鼠标悬停时文字颜色 */ | color: #007BFF; /* 鼠标悬停时文字颜色 */ | ||
text-decoration: underline; /* 鼠标悬停时显示下划线 */ | text-decoration: underline; /* 鼠标悬停时显示下划线 */ | ||
} | } | ||