所以我想要实现的是两个并排的表格,总共覆盖页面的整个宽度,每个表格都是页面宽度的一半。目前,我在另一个无边框2列1行表中有两个表,以将它们并排排列。
我的代码如下所示:
这就是它产生的结果:
我希望他们看起来像MediaWiki网站,他们有三个表彼此相邻,总是占用整个页面宽度,无论窗口大小都是相同的宽度,只有两个表。 (很抱歉没有链接到该网站,我刚加入StackOverflow并且没有足够的声誉来发布超过两个链接)
我意识到我可以让它们达到设定的宽度并实现我正在寻找的东西但是对于具有不同屏幕尺寸的用户而言,这将是无用的吗?
答案 0 :(得分:1)
你所拥有的实际上是两个内部表包裹在外部表中。只需将属性width="50%"
添加到外部表格单元格即可。为了保持标题一致,您可能还想使用valign="top"
,如下所示:
{|
| width="50%" valign="top" |
{| class="wikitable"
! Table 1
|-
| {{lipsum}} {{lipsum}}
|}
| width="50%" valign="top" |
{| class="wikitable"
! Table 2
|-
| {{lipsum}}
|}
|}