模板:Navbox with columns/doc

在列中顯示其內容的導航框。最初旨在提供一種相對簡單的方法來對齊以標誌圖標為前綴的連結，例如在提供國家文章連結的模板中。

基本用法

僅包含必需的參數和colwidth。

{{Navbox with columns
|name  = {{subst:PAGENAME}}
|title = 
|colwidth =  <!--(为每列设置默认宽度，
                  最好是比例单位，如'em'*)-->
|col1  = 
|col2  = 
}}

* 使用比例單位意味著模板仍應在瀏覽器字體大小範圍內正確顯示。如果列表ColWidth未指定，則使用默認10em。

參數

設置參數

name^[1]: 模板的名稱。例如，此模板的名稱是"Navbox with columns"。

state^[1]: 可能的值有collapsed, uncollapsed, plain, off，以及默認的autocollapse. 有關更多信息，請參閱{{Navbox}} 。

navbar^[1]: 可能的值是 plain, off以及空白的默認值。有關更多信息，請參閱 {{Navbox}} 。

border^[1]: 可能的值child, none,以及空白的默認值。如果您希望在另一個導航框內使用導航框，請設置為child,使用此選項，子導航框是無邊界的，並緊貼在其父導航框的內部。父導航框可能是 {{Navbox}}的列表區域、另一個{{Navbox with columns}}的列或{{Navbox with collapsible groups}}的部分。有關更多信息和示例，請參見{{Navbox}}。

基本數據參數

title^[1]: 模板的標題，顯示在模板頂部的標題欄中居中。

above^[1]: 出現在列上方的文本或其他元素。

image^[1]: 所有列右側的圖像。

imageleft^[1]: 所有列左側的圖像。

below^[1]: 顯示在列下方的文本或其他元素。

樣式參數

style^[1]: 應用於模板主體的CSS樣式（即包括列未使用的空間）
titlestyle^[1]: 應用於標題欄的CSS樣式；通常background:color（背景默認為NavHead默認值）。

abovestyle^[1]
belowstyle^[1]: CSS樣式分別應用於上面和下面的參數。

basestyle^[1]: CSS樣式將同時應用於title, above, and below參數

imagestyle^[1]: 應用於image參數的CSS樣式。

imageleftstyle^[1]: 應用於imageleft 參數的CSS樣式。

colstyle: 應用於所有列的CSS樣式；如果使用，通常background:color 根據上面的titlestyle 樣式。

oddcolstyle
evencolstyle: CSS樣式分別應用於所有奇數/偶數列。

col_nstyle: CSS樣式僅適用於n^th列。

colheaderstyle: CSS style/s to apply to all column headers.

col_nheaderstyle: 應用於所有列標題的CSS樣式。

col_nfooterstyle: 應用於n^th列頁腳單元格的CSS樣式。

列參數

colwidth

寬度，最好以"Em"等比例單位，或以百分比形式，用於寬度未由下面的"colNwidth"指定的每一列。默認值為10em。示例：

colwidth = 15em

colwidth = 25%

fullwidth

如果設置為任意值，則列的總寬度將線性縮放，使寬度之和為100%。這是一個相當高級的參數，通常不需要使用，應該留空。如果使用"colheader"或"colfooter"，則會自動使用"fullwidth"。示例：

fullwidth = true

padding: 在第一列之前填充，最好以比例單位填充。默認為5em。通過將其設置為0（或0em，或0%）禁用填充。

col_nwidth: n^th列的寬度（覆蓋上面的"colwidth"）。

col_n: n^th列的內容。如果使用任何列，則需要col1。最多可以有20列。
col_nheader: 顯示在列上方的n^th列的標題單元格。參見下面的示例。

col_nfooter: 顯示在n^th列下方的頁腳單元格。

col_nheadercolspan: 指定n^th列標題應跨越多少列的數字。它默認為1。如果大於1，則不要指定它包含的列標題。例如，如果col1headercolspan=3，則將col2header和col3header留空。

col_nfootercolspan: 一個數字，指定n^th列頁腳應跨多少列。它默認為1。如果大於1，則不要指定它覆蓋的列頁腳。例如，如果col1footercolspan=3，則將col2footer和col3footer留空。

其他組/列表

您可能希望在列下方添加一些額外的組和/或列表。提供以下參數以提供此類功能。請參閱 {{Navbox}} 以獲取有關它們如何工作的更完整描述以及更多示例。

group_n^[1]: 最多允許6個附加組與列下面的列表一起使用。

list_n^[1]: 允許在列下方最多添加6個列表。

groupstyle^[1]: 組的常規CSS樣式。

group_nstyle^†: n^th組參數的CSS樣式。^[1]
liststyle^[1]: 列表的常規CSS樣式。

list_nstyle: n^th列表參數的CSS樣式。

listpadding^[1]: 每個列表單元格中的填充量。

oddstyle
evenstyle: 適用於奇數/偶數列表編號。否決由"liststyle"定義的樣式。默認行為是分別向奇數/偶數行添加條紋顏色（白色和灰色），以提高可讀性。除非在特殊情況下，否則不應更改。

evenodd [swap, even, odd, off]: 有關說明，請參閱{{Navbox}}。

例子

基本示例

{{Navbox with columns
|name    = {{subst:PAGENAME}}
|title   = Member states of the [[East Asia Summit|East Asia Summit (EAS)]]
|width   = 18.25em
|padding = 10em

|above = ''This is where the {{{above}}} would appear.''

|col1 = {{AUS}}<br> {{BRU}}<br> {{flag|CHN|name=PR China}}<br> {{CAM}}
|col2 = {{IND}}<br> {{IDN}}<br> {{JPN}}<br> {{LAO}}
|col3 = {{MAS}}<br> {{MMR}}<br> {{NZL}}<br> {{PHI}}
|col4width = 17em
|col4 = {{SIN}}<br> {{KOR}}<br> {{THA}}<br> {{VIE}}

|below = '''Potential future members'''{{spaces|6}}{{TLS}}{{spaces|3}}{{RUS}}
}}

百分比寬度示例

{{Navbox with columns
| name = {{subst:PAGENAME}}
| title = [[Plastic]]s
| colwidth = 33%
| colstyle = text-align: center
| col1 = [[Polyethylene]] (PE)<br> [[Polyethylene terephthalate]] (PET or PETE)<br> [[Polyvinyl chloride]] (PVC)<br> [[Polyvinylidene chloride]] (PVDC)<br> [[Polylactic acid]] (PLA)
| col2 = [[Polypropylene]] (PP)<br> [[Polyamide]] (PA)<br> [[Polycarbonate]] (PC)<br> [[Polytetrafluoroethylene]] (PTFE)<br> [[Polyurethane]] (PU)
| col3 = [[Polystyrene]] (PS)<br> [[Polyester]]<br> [[Acrylonitrile butadiene styrene]] (ABS)<br> [[Acrylic glass|Polymethyl methacrylate]] (PMMA)<br> [[Polyoxymethylene]] (POM)
}}

具有列_n頁眉和列_n頁腳的示例

添加列的灰色背景僅用於說明。

使用col_nheadercolspan的col_nheader示例

添加列的灰色背景僅用於圖示。此示例顯示正在使用的col_nheadercolspan參數，但也可以使用col_nfootercolspan調整頁腳單元格的範圍。

說明大多數欄位的示例

列的灰色背景和居中文本僅用於說明。列默認為灰白色背景和左文本對齊。此示例顯示如何在列之後使用最多六個附加組/列表。

使用子導航框

所有三種類型的導航框模板，即{{Navbox}}，{{Navbox with columns}}，和 {{Navbox with collapsible groups}}，都可以使用border 參數嵌套在另一個內部（這對所有三個都是通用的）。對於複雜的模板，可能需要使用嵌套來實現所需的外觀。

用列嵌套導航框

這個例子展示了如何嵌套多個 {{Navbox with columns}} 模板以獲得正確的外觀。編輯此頁面以查看代碼。有一個主要的{{Navbox with columns}} 和兩個額外的 {{Navbox with columns}} 模板，設置了「child」選項（見代碼）。

嵌套其他導航框表單

這個例子顯示了 {{Navbox}}, {{Navbox with collapsible groups}} 和 {{Navbox with columns}} 都在一起工作。編輯此頁面以查看代碼。請注意，每個子導航框的第一個參數都設置為child。

腳註

↑ ^1.00 ^1.01 ^1.02 ^1.03 ^1.04 ^1.05 ^1.06 ^1.07 ^1.08 ^1.09 ^1.10 ^1.11 ^1.12 ^1.13 ^1.14 ^1.15 ^1.16 ^1.17 ^1.18 ^1.19 ^1.20 ^1.21 用腳註標記的參數^[1] 是與姐妹模板{{Navbox}}和{{Navbox with collapsible groups}}相同的參數。在{{Navbox}}上可以找到對這些參數更完整的描述。

參閱

{{Navbox}} – 允許組/列表而不是列
{{Navbox with collapsible groups}} – 另一種變體。

導航模板比較
檢視討論編輯	可摺疊性	標題顏色	圖像	組別	樣式（主體）參數
{{Navbox}}	可摺疊	navbox	主體左/右側	是	是
{{Navbox with columns}}	可摺疊	navbox	欄左/右側	否	是
NavboxYears	可摺疊	navbox	否	否	否
{{Navbox with collapsible groups}}	可摺疊	navbox	主體左/右側及/或在每列表中	是	是

摺疊屬性
類別	CSS class	Javascript	何時摺疊	自定義初始狀態	套疊結構
Collapsible tables	collapsible	於Common.js定義	頁面上有2個或以上的autocollapse模板	是	是

[common-1] 1.00 ^1.01 ^1.02 ^1.03 ^1.04 ^1.05 ^1.06 ^1.07 ^1.08 ^1.09 ^1.10 ^1.11 ^1.12 ^1.13 ^1.14 ^1.15 ^1.16 ^1.17 ^1.18 ^1.19 ^1.20 ^1.21 用腳註標記的參數^[1] 是與姐妹模板{{Navbox}}和{{Navbox with collapsible groups}}相同的參數。在{{Navbox}}上可以找到對這些參數更完整的描述。

[1]