模板: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]