Wikia <div> 问题答案

【问题标题】：Wikia <div> issuesWikia <div> 问题
【发布时间】：2013-12-03 06:33:24
【问题描述】：

好的，所以我正在制作 Wikia 上的模板，但我在围绕 Stat Table 的最后一个 <div> 标签遇到了一个奇怪的问题。该页面的链接是here（注意可以更改）。

代码如下：

<div style="background-color: #222; width: 98%; border: .1em solid #4372AA;">
{| border="1" class="article-table" style="margin: 1% auto 1% auto; width:98%;"
! colspan="5" style="text-align:center;"|Level 1
! colspan="4" style="text-align:center;"|Level 40
|-
!
|AP || DP || HP || TP || AP || DP || HP || TP
|-
! [[file:Common.png|center|]]
|<small>{{{CAP1}}} || <small>{{{CDP}}} || <small>{{{CHP1}}} || <small>{{{CTP1}}}
|<small>{{{CAP40}}} || <small>{{{CDP}}} || <small>{{{CHP40}}} || <small>{{{CTP40}}}
|-
![[file:Uncommon.png|center|]]
|<small>{{{UAP1}}} || <small>{{{UDP}}} || <small>{{{UHP1}}} || <small>{{{UTP1}}}
|<small>{{{UAP40}}} || <small>{{{UDP}}} || <small>{{{UHP40}}} || <small>{{{UTP40}}}
|-
![[file:Rare.png|center|]]
|<small>{{{RAP1}}} || <small>{{{RDP}}} || <small>{{{RHP1}}} || <small>{{{RTP1}}}
|<small>{{{RAP40}}} || <small>{{{RDP}}} || <small>{{{RHP40}}} || <small>{{{RTP40}}}
|}
</div>

如果您访问该页面，您会注意到关闭 </div> 标记显示为文本，而不是关闭 div。（stat 表应该与 Fixed Options 表具有相同的 div 格式。div 基本上是为每个块复制和粘贴的，只编辑了边距，但由于某种原因，它不适用于 stat 表。 )

编辑：链接不再包含错误的表。您的表格如下所示：

【问题讨论】：

标签： html mediawiki mediawiki-templates wikia

【解决方案1】：

从您的表格代码中，您使用了一个 div 标记，围绕您的 wikitable，其中包含 放置在普通行之后的标题 以及包含 多个未闭合 <small> 标签。

<div style="...">[wikitable]</div>

与 HTML 非常相似，<div> 指定要设置样式的源代码的部分。在这种情况下，整个表格的文本将被设置为在唯一的开闭 <div>...</div> 括号内。

删除所有<small> 标记，这将删除正在显示的尾部</div>，除了文本不再小。为了使它们再次变小，请用<small>{{{...}}}</small>包围表格条目中的每个文本：

<div style="background-color: #222; width: 98%; border: .1em solid #4372AA;">
{| border="1" class="article-table" style="margin: 1% auto 1% auto; width:98%;"
! colspan="5" style="text-align:center;"|Level 1
! colspan="4" style="text-align:center;"|Level 40
|-
!
|AP || DP || HP || TP || AP || DP || HP || TP
|-
! [[file:Common.png|center|]]
|<small>{{{CAP1}}}</small> || <small>{{{CDP}}}</small> || <small>{{{CHP1}}}</small> || <small>{{{CTP1}}}</small>
|<small>{{{CAP40}}}</small> || <small>{{{CDP}}}</small> || <small>{{{CHP40}}}</small> || <small>{{{CTP40}}}</small>
|-
![[file:Uncommon.png|center|]]
|<small>{{{UAP1}}}</small> || <small>{{{UDP}}}</small> || <small>{{{UHP1}}}</small> || <small>{{{UTP1}}}</small>
|<small>{{{UAP40}}}</small> || <small>{{{UDP}}}</small> || <small>{{{UHP40}}}</small> || <small>{{{UTP40}}}</small>
|-
![[file:Rare.png|center|]]
|<small>{{{RAP1}}}</small> || <small>{{{RDP}}}</small> || <small>{{{RHP1}}}</small> || <small>{{{RTP1}}}</small>
|<small>{{{RAP40}}}</small> || <small>{{{RDP}}}</small> || <small>{{{RHP40}}}</small> || <small>{{{RTP40}}}</small>
|}
</div>

最终结果不会显示结尾的</div>，并且<small> 标记中的条目仍然小于正常大小的文本。

【讨论】：

【解决方案2】：

我没有发现任何问题。所有表都已关闭。

【讨论】：