萌娘百科，萬物皆可萌的百科全書！轉載請標註來源頁面的網頁連結，並聲明引自萌娘百科。內容不可商用。
跳至導覽
跳至搜尋
表格的布局
由{{Navbox}}不帶image、above和below參數生成的表格（添加了灰色的列表背景色僅僅是為了演示）：
| {{{title}}} |
|---|
| | {{{group1}}} | {{{list1}}} | | | {{{group2}}} | {{{list2}}} | | {{{list3}}} 不帶 {{{group3}}} | | | {{{group4}}} | {{{list4}}} |
|
由{{Navbox}}帶有image、above和below參數生成的表格（添加了灰色的列表背景色僅僅是為了演示）：
| {{{title}}} |
|---|
| | {{{above}}} | | | {{{group1}}} | {{{list1}}} | {{{image}}} | | | {{{group2}}} | {{{list2}}} | | {{{list3}}} 不帶 {{{group3}}} | | | {{{group4}}} | {{{list4}}} | | | {{{below}}} |
|
由{{Navbox}}帶有image、imageleft、lists，且不帶groups、above、below生成的表格（添加了灰色的列表背景色僅僅是為了演示）：
| {{{title}}} |
|---|
| | {{{imageleft}}} | {{{list1}}} | {{{image}}} | | {{{list2}}} | | {{{list3}}} | | {{{list4}}} |
|
示例
不帶圖片
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
}}
帶圖片，不帶分組
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
}}
帶兩張圖片，不帶分組，多重列表
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|imageleft=[[File:GUP Logo Alpha0.svg|80px]]
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|list3=[[王大河]]
}}
帶有圖片、分組、上方注釋、下方注釋
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|above = （仅列出参加了社团的成员）
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
|below = 《[[少女与战车]]》官网：https://girls-und-panzer.jp/
}}
子導航框
要在一個邊框中放置多個導航框，可以使用border參數，或通過將第一個參數指定為「child」來實現。基本用法如下（為第一個組增加了一個子組）：
{{Navbox/sandbox
| name = {{subst:PAGENAME}}
| title = Title
| group1 = [optional]
| list1 = {{Navbox/sandbox|child
...child navbox parameters...
}}
...
}}
子分組示例
- 主頁面：Template:Navbox subgroup
下面的示例展示了子分組的用法。{{Navbox subgroup}}是推薦的用法，但通過在{{Navbox}}加入border = child或將第一個參數（無名）設為child也可以達到同樣的效果。「evenodd」參數用來調整某些子分組中條紋狀顏色帶的分布，以確保顏色帶的排列正確。如果想去除所有的條紋顏色帶，可以在每個Navbox中設置liststyle = background:transparent;。
| 子次級分組示例 |
|---|
| | 上方文字 | | | 分組1 | 列表1 |  | | | 分組2 | | | | 分組3 | 列表3 | | | 分組4 | | | | 下方文字 |
|
一個導航模板下包含其它導航模板
- 主頁面：Template:Navbox with collapsible groups
下面的示例中，常規Navbox被用作容器，其list1、list2和list3參數各包含另外的Navbox（設置了1 = child）。「检•論•編」標題連結各通過navbar = plain或直接不填寫「name」參數隱藏。（與常規Navbox不同，子Navbox不要求填寫「name」參數。）
與其它導航框模板的關係
此導航框模板被特別設計使得能與另外兩個姊妹模板協同工作：{{Navbox with columns}}和{{Navbox with collapsible groups}}。所有這三個模板共享常用的參數，以提高一致性與易用性（此類參數在上面的完整參數列表中用†作了標記）。最重要的是，所有這三個模板能互相被用作另一個的子模板（通過使用border = child參數，或將第一個參數（無名）指定為child。例如，使用{{Navbox|child ...}}、{{Navbox with columns|child ...}}或{{Navbox with collapsible groups|child ...}}）。
技術細節
運作詳情
- 列表單元格寬度初始被設置為100%。因此，如果你想手動設置分組單元格的寬度，你就需要同時指定liststyle使之有width:auto。如果你想設置分組寬度並使用圖片，這取決於你已弄明白在groupstyle、liststyle、imagestyle和imageleftstyle參數中的CSS，以使所有部件都工作正常。以下兩行是設置分組寬度的示例：
groupstyle = width:10em;liststyle = width:auto;
- 相鄰的導航框在它們之間僅有一個1px的邊框（除了在IE6中，因其不支持必需的CSS）。如果你設置了
style/bodystyle的頂端外邊距（top margin）或底頂端外邊距（bottom margin），那麼此特性就不運作了。
- 外層導航框表格的預設的左外邊距（margin-left）和右外邊距（margin-right）被設置為「auto;」。如果你想使用導航框作為一個浮動對象（float），你需要手動設置左外邊距和右外邊距的值，因為自動外邊距（auto margins)會阻止浮動（float）選項。例如，添加下列代碼來使用導航框作為一個浮動對象：
style = width:22em;float:right;margin-left:1em;margin-right:0em;
模板文檔
