模板:最新卡面/行：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
<!-- 使用div class="card"包裹每个卡面 --> | |||
<div class="card"> | |||
<!-- 卡面 --> | |||
[[File:{{#replace:{{{ID}}}|_|-}}-卡面.webp|居中|100px|link={{{标题}}}]] | |||
<div class="card-title">{{{标题}}}</div> | |||
</div> | </div> | ||
| 第15行： | 第14行： | ||
transition: transform 0.2s; /* 添加动画效果 */ | transition: transform 0.2s; /* 添加动画效果 */ | ||
max-width: 100px; /* 设置卡片的最大宽度为200px */ | max-width: 100px; /* 设置卡片的最大宽度为200px */ | ||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
} | } | ||
| 第24行： | 第26行： | ||
width: 100%; /* 图片宽度自适应 */ | width: 100%; /* 图片宽度自适应 */ | ||
height: auto; /* 图片高度自适应 */ | height: auto; /* 图片高度自适应 */ | ||
} | |||
.card-title { | |||
padding: 10px 0; /* 增加标题的上下内边距 */ | |||
max-height: 50px; /* 设置标题的最大高度 */ | |||
overflow: hidden; /* 如果标题过长，隐藏溢出部分 */ | |||
text-overflow: ellipsis; /* 用省略号表示溢出部分 */ | |||
white-space: nowrap; /* 防止文本换行 */ | |||
} | } | ||
}} | }} | ||
2024年7月15日 (一) 22:15的版本
[[File:{{{ID}}}-卡面.webp|居中|100px|link={{{标题}}}]]
{{{标题}}}