模板:最新卡面/行:修订间差异

无编辑摘要
无编辑摘要
第1行: 第1行:
<div class="card-container">
 
     <!-- 使用div class="card"包裹每个卡面 -->
     <!-- 使用div class="card"包裹每个卡面 -->
     <div class="card">
     <div class="card">
第13行: 第13行:
|limit=2}}</div>
|limit=2}}</div>
     </div>
     </div>
</div>
 


{{#CSS:
{{#CSS:
.card-container {
    display: flex; /* 使用Flexbox布局 */
    flex-wrap: wrap; /* 允许内容换行 */
    justify-content: space-around; /* 在项目之间和周围提供均等的空间 */
    align-items: stretch; /* 拉伸项目以填充容器 */
    max-width: 200px; /* 设置卡片的最大宽度为200px */
}
.card {
.card {
     flex: 1 1 200px; /* 允许卡片弹性伸缩,基础宽度为200px */
     flex: 1 1 200px; /* 允许卡片弹性伸缩,基础宽度为200px */
第30行: 第22行:
     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: 200px; /* 设置卡片的最大宽度为200px */
}
}



2024年7月15日 (一) 21:52的版本

       [[File:{{{ID}}}-卡面.webp|居中|200px|link={{{标题}}}]]
没有结果