2016-07-25 33 views
2

所以我想實現的是兩張並排的桌子,它們總共覆蓋了頁面的整個寬度,每張桌子都是頁面寬度的一半。目前,我在另一個無邊界2列1行表中有兩個表格將它們並排排列。如何將兩個MediaWiki表設置爲每個頁面的一半寬度?

我的代碼如下所示:

Mediawiki Code snippet

而這正是它產生:

Side by side tables

,我想爲他們看起來像MediaWiki的網站,在這裏他們有三張相鄰的表格總是佔據整個頁面寬度,並且無論窗口大小如何,都是相同的寬度,只有兩個表格。 (對不起,沒有鏈接到網站,我剛剛加入了StackOverflow,並沒有足夠的聲望發佈兩個以上的鏈接不幸)

我意識到我可以讓他們成爲一個寬度和排序達到我尋找,但這將是無用的,只要不同的屏幕尺寸的用戶不會呢?

回答

2

你有什麼實際上是兩個內表包裹在外表內。只需將屬性width="50%"添加到外部表格單元格就可以了。爲了保持標題對齊,您可能還需要使用valign="top",像這樣:

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

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

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

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

|} 
+0

好了,所以設置外部表的寬度,以50%的伎倆與寬度,但標題是錯位的。我嘗試使用valign =「top」,但沒有奏效 – AAHauck

相關問題