Template:Iconcard：修订间差异
创建页面，内容为“|-<noinclude>{{Documentation}}</noinclude>” |
小无编辑摘要 |
||
| 第1行： | 第1行： | ||
|-<noinclude>{{Documentation}}< | <includeonly> | ||
<!-- 核心样式：抽离为内联样式（也可迁移到站点CSS） --> | |||
<div style=" | |||
display: inline-block; | |||
vertical-align: top; | |||
width: 80px; | |||
min-width: 80px; | |||
height: 80px; | |||
min-height: 80px; | |||
margin: 1px; | |||
border: solid 1px #ccc; /* 浅灰色边框，更通用 */ | |||
border-radius: 2px; /* 轻微圆角，提升视觉 */ | |||
padding: 4px; | |||
text-align: center; | |||
line-height: 12px; | |||
overflow: hidden; /* 防止图标/文字溢出 */ | |||
box-sizing: border-box; /* 盒模型兼容 */ | |||
"> | |||
<!-- Font Awesome图标：支持默认值+样式 --> | |||
{{fa|{{{1|question-circle}}}|size=28px|style= | |||
display: block; /* 独占一行，避免对齐问题 */ | |||
border-bottom: solid 1px #eee; | |||
padding: 8px 0; | |||
margin-bottom: 8px; | |||
color: #333; /* 图标默认颜色 */ | |||
}} | |||
<!-- 图标名称：自动换行+溢出隐藏 --> | |||
<span style=" | |||
font-size: 12px; | |||
max-height: 24px; | |||
line-height: 12px; | |||
color: #666; /* 文字浅于图标，层级更清晰 */ | |||
display: inline-block; | |||
word-break: break-all; /* 超长名称自动换行 */ | |||
overflow: hidden; | |||
text-overflow: ellipsis; /* 溢出显示省略号 */ | |||
"> | |||
{{{1|question-circle}}} | |||
</span> | |||
</div> | |||
</includeonly> | |||
<noinclude> | |||
{{Documentation}} <!-- 关联维基百科标准文档模板（可选） --> | |||
== 模板说明 == | |||
### 功能 | |||
快速生成统一样式的Font Awesome图标卡片，包含图标+图标名称，支持自定义图标名。 | |||
### 用法 | |||
```wiki | |||
{{IconCard|图标名称}} | |||
