| 本頁為操作指南,用於介紹中文維基百科社群的一些實作和操作方式。 本文只是論述,不屬於方針或指引。如果本指南與方針或指引起衝突或不一致,請以方針或指引的條文為準。 |
|
可摺疊元素包含一個切換按鈕,讀者可以使用它來顯示或隱藏元素的內容。通過添加類值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-collapsible
和innercollapse
類的元素包含在具有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>
|
|
其他說明
帶標題的表格
沒有標題的表格將摺疊到第一行。有標題的表格將摺疊到其標題,沒有行,所以沒有寬度。使用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
|}
|
|
一個可用的替代方案是在表格上方添加標題,參見下面的示例:
輸入代碼
|
輸出內容
|
{|class="wikitable sortable mw-collapsible"
|+ class="nowrap" | 标题
! 姓名 !! 分数
|-
| 张三 || 59
|-
| 李四 || 72
|}
|
|
技術限制
- 此功能要求最終用戶的瀏覽器啟用JavaScript。如果禁用JavaScript,則默認行為是顯示內容。
參見
文檔:
模板:
外部連結