跳至內容

說明:摺疊顯示

本頁使用了標題或全文手工轉換
維基百科,自由的百科全書

可摺疊元素包含一個切換按鈕,讀者可以使用它來顯示或隱藏元素的內容。通過添加類值mw-collapsible,或者使用模板{{Collapse}}或其變體{{Collapse top}}{{Collapse bottom}},可以使元素可摺疊。

在條目中使用這些功能受Wikipedia:格式手冊 § 滾動列表與摺疊元素的約束,更具體說是受Wikipedia:隱藏元素Wikipedia:劇透內容的約束。

可摺疊表格

[編輯]

mw-collapsible類可使任意元素可摺疊,但使表格可摺疊尤為簡單。將mw-collapsible類添加到表格中會自動定位切換按鈕,並選擇要摺疊的部分。

一種常見用途是製作一個可摺疊的布局表格,它始終顯示簡介或摘要,但隱藏其餘內容,不讓用戶直接看到。簡介或摘要位於第一行,內容位於後續行,使用「展開」按鈕即可輕鬆訪問其內容。

在下面的示例中,wikitable類的使用僅僅是為了外觀,它不是讓mw-collapsible起作用所必須的。

輸入代碼 輸出內容
{| role="presentation" class="wikitable mw-collapsible"
| <strong>千字文</strong>
|-
| 天地玄黄,宇宙洪荒。日月盈昃,辰宿列张。
|}

更複雜的數據表格也可以摺疊。

輸入代碼 輸出內容
{| class="wikitable mw-collapsible"
|+ class="nowrap" | 冬季奥林匹克运动会
|-
|
! scope="col" | 国家/地区
! scope="col" | 城市
|-
! scope="row" | 1994年
| 挪威 || 利勒哈默尔
|-
! scope="row" | 1998年
| 日本 || 长野
|}
冬季奧林匹克運動會
國家/地區 城市
1994年 挪威 利勒哈默爾
1998年 日本 長野

默認摺疊

[編輯]

僅使用mw-collapsible類會使元素默認展開,但讀者可以將其摺疊。也可以通過隨mw-collapsible添加其他類使元素默認摺疊並可選擇展開。有以下方法可以執行此操作,具體取決於用戶希望元素摺疊的情況。但是,根據MOS:DONTHIDE,內容不應默認摺疊。

"mw-collapsed"

[編輯]

添加類值mw-collapsed將使元素始終處於初始摺疊狀態,無論其周圍發生什麼,這是最簡單的方法。使用上述示例:

輸入代碼 輸出內容
{| role="presentation" class="wikitable mw-collapsible mw-collapsed"
| <strong>千字文</strong>
|-
| 天地玄黄,宇宙洪荒。日月盈昃,辰宿列张。
|}
{| class="wikitable mw-collapsible mw-collapsed"
|+ class="nowrap" | 冬季奥林匹克运动会
|-
|
! scope="col" | 国家/地区
! scope="col" | 城市
|-
! scope="row" | 1994年
| 挪威 || 利勒哈默尔
|-
! scope="row" | 1998年
| 日本 || 长野
|}
冬季奧林匹克運動會
國家/地區 城市
1994年 挪威 利勒哈默爾
1998年 日本 長野

"autocollapse"

[編輯]

如果頁面上有一個以上可摺疊元素,則添加類值autocollapse會使元素摺疊。所以,下面的示例會摺疊,因為該頁面包含許多可摺疊元素。

輸入代碼 輸出內容
{| role="presentation" class="wikitable mw-collapsible autocollapse"
| <strong>千字文</strong>
|-
| 天地玄黄,宇宙洪荒。日月盈昃,辰宿列张。
|}

"innercollapse"和"outercollapse"

[編輯]

使用這對類,可以使元素僅在包含在特定的外部元素中時才默認摺疊。如果一個具有mw-collapsibleinnercollapse類的元素包含在具有outercollapse類的元素中,則該元素會默認摺疊;反之,則默認不會摺疊該元素。這主要用於模板中,因為模板是嵌入包含的。

輸入代碼 輸出內容
{| role="presentation" class="wikitable mw-collapsible innercollapse"
|<code>innercollapse</code>元素
|-
| 默认'''未折叠'''
|}

<div class="wikitable outercollapse" style="padding:1em; background:#ccc;">
这是一个具有<code>outercollapse</code>类的元素

{| role="presentation" class="wikitable mw-collapsible innercollapse"
|<code>innercollapse</code>元素
|-
| 默认'''折叠'''
|}
</div>

這是一個具有outercollapse類的元素

其他說明

[編輯]

帶標題的表格

[編輯]

沒有標題的表格將摺疊到第一行。有標題的表格將摺疊到其標題,沒有行,所以沒有寬度。使用class="nowrap"{{nowrap}}可防止標題在表格摺疊時被擠壓到垂直列中。

輸入代碼 輸出內容
{|class="wikitable sortable mw-collapsible" 
|+ class="nowrap" | 有点长的表格标题
! 姓名 !! 分数
|-
| 张三 || 59
|-
| 李四 || 72
|}
有點長的表格標題
姓名 分數
張三 59
李四 72

下面的示例使用{{nowrap}}並以末尾括號作為換行點,<style=max-width:Xem;將不起作用。

輸入代碼 輸出內容
{|class="wikitable sortable mw-collapsible" 
|+ {{nowrap|较长的表格标题需要换行}}适用于移动设备
! 姓名 !! 分数
|-
| 张三 || 59
|-
| 李四 || 72
|}
較長的表格標題需要換行適用於移動設備
姓名 分數
張三 59
李四 72

可排序表格

[編輯]

可摺疊表格可以毫無困難地與可排序表格功能結合使用。但是,由於展開/摺疊按鈕位於mw-collapsible第一行最右側的單元格中,如果單元格不夠寬,其定位可能看起來有點奇怪:

輸入代碼 輸出內容
{|class="wikitable mw-collapsible sortable" style="width:5em"
<!--表格宽度太窄,这是有意而为之-->
|-
! 姓名 !! 分数
|-
| 张三 || 59
|-
| 李四 || 72
|}
姓名 分數
張三 59
李四 72

一個可用的替代方案是在表格上方添加標題,參見下面的示例:

輸入代碼 輸出內容
{|class="wikitable sortable mw-collapsible" 
|+ class="nowrap" | 标题 
! 姓名 !! 分数
|-
| 张三 || 59
|-
| 李四 || 72
|}
標題
姓名 分數
張三 59
李四 72

技術限制

[編輯]
  • 此功能要求最終用戶的瀏覽器啟用JavaScript。如果禁用JavaScript,則默認行為是顯示內容。

參見

[編輯]

文檔:

模板:

外部連結

[編輯]