Wikia <div>问题</div>

Question

好的，所以我正在开发一个关于Wikia的模板，但是我在我的最后一个<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。 （统计表应该与固定选项表具有相同的div格式。div基本上是为每个块复制和粘贴的，只编辑了边距，但由于某种原因，它不适用于统计数据表。）

编辑：该链接不再包含错误的表格。以下是您的表格的样子：

Answer 1

在您的表格代码中，您使用了一个div标记，围绕您的wikitable，其中包含标题放在普通行之后，以及包含多个未关闭的 {{ 1}} 标记。

<small>

与HTML非常相似，<div style="...">[wikitable]</div>指定要设置样式的分区源代码。在这种情况下，整个表格的文本将被设置为仅在开始和结束<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>标记中的条目仍然比正常大小的文本小。

Answer 2

我没有看到任何问题。所有的桌子都关闭了。