模板: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样式分别应用于所有奇数/偶数列。
colnstyle
CSS样式仅适用于nth列。
colheaderstyle
CSS style/s to apply to all column headers.
colnheaderstyle
应用于所有列标题的CSS样式。
colnfooterstyle
应用于nth列页脚单元格的CSS样式。

列参数

colwidth
宽度,最好以"Em"等比例单位,或以百分比形式,用于宽度未由下面的"colNwidth"指定的每一列。默认值为10em。示例:
colwidth = 15em
colwidth = 25%
fullwidth
如果设置为任意值,则列的总宽度将线性缩放,使宽度之和为100%。这是一个相当高级的参数,通常不需要使用,应该留空。如果使用"colheader"或"colfooter",则会自动使用"fullwidth"。示例:
fullwidth = true
padding
在第一列之前填充,最好以比例单位填充。默认为5em。通过将其设置为0(或0em,或0%)禁用填充。
colnwidth
nth列的宽度(覆盖上面的"colwidth")。
coln
nth列的内容。如果使用任何列,则需要col1。最多可以有20列。
colnheader
显示在列上方的nth列的标题单元格。参见下面的示例。
colnfooter
显示在nth列下方的页脚单元格。
colnheadercolspan
指定nth列标题应跨越多少列的数字。它默认为1。如果大于1,则不要指定它包含的列标题。例如,如果col1headercolspan=3,则将col2headercol3header留空。
colnfootercolspan
一个数字,指定nth列页脚应跨多少列。它默认为1。如果大于1,则不要指定它覆盖的列页脚。例如,如果col1footercolspan=3,则将col2footercol3footer留空。

其他组/列表

您可能希望在列下方添加一些额外的组和/或列表。提供以下参数以提供此类功能。请参阅 {{Navbox}} 以获取有关它们如何工作的更完整描述以及更多示例。

groupn[1]
最多允许6个附加组与列下面的列表一起使用。
listn[1]
允许在列下方最多添加6个列表。
groupstyle[1]
组的常规CSS样式。
groupnstyle
nth组参数的CSS样式。[1]
liststyle[1]
列表的常规CSS样式。
listnstyle
nth列表参数的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页脚的示例

添加列的灰色背景仅用于说明。


使用colnheadercolspan的colnheader示例

添加列的灰色背景仅用于图示。此示例显示正在使用的colnheadercolspan参数,但也可以使用colnfootercolspan调整页脚单元格的范围。


说明大多数字段的示例

列的灰色背景和居中文本仅用于说明。列默认为灰白色背景和左文本对齐。此示例显示如何在列之后使用最多六个附加组/列表。

使用子导航框

所有三种类型的导航框模板,即{{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. 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 主体左/右侧
{{Navbox with columns}} 可折叠 navbox 栏左/右侧
NavboxYears 可折叠 navbox
{{Navbox with collapsible groups}} 可折叠 navbox 主体左/右侧 及/或 在每列表中
折叠属性
类别 CSS class Javascript 何时折叠 自定义
初始状态
套叠结构
Collapsible tables collapsible Common.js定义 页面上有2个或以上的autocollapse模板