炽焰天穹wiki
wiki.17173.com/hbr
首页
角色图鉴
风格图鉴
卡池图鉴
其他图鉴
饰品图鉴
芯片图鉴
增幅器图鉴
任务图鉴
活动剧情图鉴
管理
刷新本页缓存
页面操作
编辑
历史
短链
移动
删除
保护
监视
取消监视
链入页面
链出更改
常用功能
沙盒
所有页面
特殊页面
Cargo表
Cargo查询
创建模板
文件列表
更改审核
最近更改
用户权限
用户组权限
评论管理
更改审核
全站配置
配置导航栏
配置整站通告
配置小组件
配置全局CSS
配置全局JS
全局测试CSS
全局测试js
JS/CSS版本
全站设置
组件使用帮助
新建页面提示
修改页面提示
删除页面原因
编辑版权警示
修改页面摘要
上传文件提示
上传文件协议
上传文件说明
编辑器上传文件说明
删除文件原因
其他
创建
攻略审核
WIKI贡献榜
WIKI反馈区
WIKI运维
首页
角色图鉴
风格图鉴
卡池图鉴
其他图鉴
饰品图鉴
芯片图鉴
增幅器图鉴
任务图鉴
活动剧情图鉴
管理
刷新本页缓存
页面操作
编辑
历史
短链
移动
删除
保护
监视
取消监视
链入页面
链出更改
常用功能
沙盒
所有页面
特殊页面
Cargo表
Cargo查询
创建模板
文件列表
更改审核
最近更改
用户权限
用户组权限
评论管理
更改审核
全站配置
配置导航栏
配置整站通告
配置小组件
配置全局CSS
配置全局JS
全局测试CSS
全局测试js
JS/CSS版本
全站设置
组件使用帮助
新建页面提示
修改页面提示
删除页面原因
编辑版权警示
修改页面摘要
上传文件提示
上传文件协议
上传文件说明
编辑器上传文件说明
删除文件原因
其他
创建
攻略审核
WIKI贡献榜
WIKI反馈区
WIKI运维
查看“模板:最新卡面/行”的源代码
WIKI功能
阅读
查看源代码
查看历史
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
<div class="card"> <!-- 卡面 --> [[File:{{#replace:{{{ID}}}|_|-}}-卡面.webp|居中|200px|link={{{标题}}}]] <div class="card-title">{{{标题}}}</div> </div> {{#CSS: .card { flex: 1 1 200px; /* 允许卡片弹性伸缩,基础宽度为200px */ margin: 10px; /* 设置卡片间距 */ text-align: center; /* 文本居中显示 */ box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影效果 */ transition: transform 0.2s; /* 添加动画效果 */ max-width: 200px; /* 设置卡片的最大宽度为200px */ display: flex; flex-direction: column; align-items: center; } .card:hover { transform: scale(1.05); /* 鼠标悬停时放大卡片 */ } .card img { width: 100%; /* 图片宽度自适应 */ height: auto; /* 图片高度自适应 */ } .card-title { padding: 10px 0; /* 增加标题的上下内边距 */ max-height: 50px; /* 设置标题的最大高度 */ overflow: hidden; /* 如果标题过长,隐藏溢出部分 */ word-wrap: break-word; /* 允许单词内换行 */ white-space: normal; /* 正常换行 */ text-overflow: ellipsis; /* 用省略号表示溢出部分 */ } /* Media Queries for Mobile Devices */ @media (max-width: 600px) { .card { flex: 1 1 150px; /* 调整基础宽度为150px */ max-width: 150px; /* 设置卡片的最大宽度为150px */ } .card-title { padding: 5px 0; /* 减小标题的上下内边距 */ max-height: 40px; /* 设置标题的最大高度为40px */ } } }}
返回
模板:最新卡面/行
。