html - 如何设置两个 MediaWiki 表格，每个表格的宽度为页面的一半？

Question

所以我想要实现的是两个并排的表格，它们总共覆盖了页面的整个宽度，每个表格是页面宽度的一半。目前，我在另一个无边界 2 列 1 行表中有两个表以并排对齐它们。

我的代码是这样的:

这就是它产生的结果:

我希望它们看起来像 MediaWiki 站点，其中三个表格彼此相邻，始终占据整个页面宽度，并且除了只有两个表格外，无论窗口大小如何，它们的宽度都相同。 (很抱歉没有链接到该站点，我刚刚加入 StackOverflow，不幸的是没有足够的声誉来发布两个以上的链接)

我意识到我可以让它们设置一个宽度并在某种程度上实现我正在寻找的东西，但是对于使用不同屏幕尺寸的用户来说这将毫无用处，不是吗？

Answer 1

您拥有的实际上是包裹在一个外表内的两个内表。只需将属性 width="50%" 添加到外部表格单元格就可以解决问题。为了保持标题对齐，您可能还想使用 valign="top"，如下所示:

{|
| width="50%" valign="top" |

{| class="wikitable"
! Table 1
|-
| {{lipsum}} {{lipsum}}
|}

| width="50%" valign="top" |

{| class="wikitable"
! Table 2
|-
| {{lipsum}}
|}

|}