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

无编辑摘要
标签已被回退
(撤销141995243讨论)的版本14915)
标签撤销
第1行: 第1行:
<!-- 使用div class="card"包裹每个卡面 -->
 
    <!-- 使用div class="card"包裹每个卡面 -->
     <div class="card">
     <div class="card">
         <!-- 卡面 -->
         <!-- 卡面 -->
第16行: 第17行:
{{#CSS:
{{#CSS:
.card {
.card {
     flex: 1 1 100px; /* 允许卡片弹性伸缩,基础宽度为100px */
     flex: 1 1 100px; /* 允许卡片弹性伸缩,基础宽度为200px */
     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; /* 设置卡片的最大宽度为100px */
     max-width: 100px; /* 设置卡片的最大宽度为200px */
}
}


第31行: 第32行:
     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:07的版本

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