Template:Iconcard：修订间差异

以互动方式浏览历史

←上一编辑下一编辑→

可视化wikitext

@@ 第1行： / 第1行： @@
 <includeonly>
-<!-- 核心图标卡片样式：保留原始CSS，修复显示/排列问题 -->
+<!-- 图标卡片核心样式：80x80内联块，居中对齐，图标+文字布局 -->
-<div style="display:inline-block; vertical-align:top; width:80px; min-width:80px; height:80px; min-height:80px;margin:1px; border:solid 1px; padding:4px; text-align:center; line-height:12px; box-sizing: border-box;">
+<div style="
-    {{fa|{{{1|question-circle}}}|size=28px|style= border-bottom:solid 1px; padding:6px 0; margin-bottom:4px; line-height:28px; display:block;  }}
+  display: inline-block;
-    <br/>
+  vertical-align: top;
-    <span style="font-size:12px; max-height:24px; line-height: 12px; display:inline-block; width:100%; word-break:break-all; overflow:hidden;">{{{1|question-circle}}}</span>
+  width: 80px;
+  min-width: 80px;
+  height: 80px;
+  min-height: 80px;
+  margin: 1px;
+  border: solid 1px #000; /* 默认黑色边框，可按需调整 */
+  padding: 4px;
+  text-align: center;
+  line-height: 12px;
+">
+  <!-- Font Awesome图标：使用第一个匿名参数作为图标名 -->
+  {{fa|{{{1|}}}|size=28px|style=
+    border-bottom: solid 1px #000;
+    padding: 8px;
+    margin-bottom: 8px;
+  }}<br/>
+  <!-- 图标名称文字：与图标名一致 -->
+  <span style="
+    font-size: 12px;
+    max-height: 24px;
+    line-height: 12px;
+    word-break: break-all; /* 防止长名称溢出 */
+  ">
+    {{{1|}}}
+  </span>
 </div>
-</includeonly>
+</includeonly><noinclude>{{Documentation}}</noinclude>
-<noinclude><noinclude>{{Documentation}}</noinclude>

2025年11月26日 (三) 23:23的版本