模板:最新卡面/行：修订间差异
无编辑摘要 |
无编辑摘要 标签：已被回退 |
||
| 第1行： | 第1行： | ||
<!-- 使用div class="card"包裹每个卡面 --> | |||
<div class="card"> | <div class="card"> | ||
<!-- 卡面 --> | <!-- 卡面 --> | ||
| 第17行： | 第16行： | ||
{{#CSS: | {{#CSS: | ||
.card { | .card { | ||
flex: 1 1 100px; /* | flex: 1 1 100px; /* 允许卡片弹性伸缩，基础宽度为100px */ | ||
margin: 10px; /* 设置卡片间距 */ | margin: 10px; /* 设置卡片间距 */ | ||
text-align: center; /* 文本居中显示 */ | text-align: center; /* 文本居中显示 */ | ||
box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影效果 */ | box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影效果 */ | ||
transition: transform 0.2s; /* 添加动画效果 */ | transition: transform 0.2s; /* 添加动画效果 */ | ||
max-width: 100px; /* | max-width: 100px; /* 设置卡片的最大宽度为100px */ | ||
} | } | ||
| 第32行： | 第31行： | ||
width: 100%; /* 图片宽度自适应 */ | width: 100%; /* 图片宽度自适应 */ | ||
height: auto; /* 图片高度自适应 */ | height: auto; /* 图片高度自适应 */ | ||
} | |||
.card .title { | |||
max-height: 50px; /* 设置最大高度 */ | |||
overflow: hidden; /* 隐藏超出的内容 */ | |||
text-overflow: ellipsis; /* 超出部分显示省略号 */ | |||
white-space: nowrap; /* 禁止换行 */ | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
}} | }} | ||
2024年7月15日 (一) 22:06的版本
[[File:{{{ID}}}-卡面.webp|居中|100px|link={{{标题}}}]]
{{{标题}}}
没有结果