如果你看到本段文字,说明该页面未正常加载全局JS,部分功能将无法使用,请点击 刷新 重新加载页面。
全站通知:
模板:Columns
刷
历
编
跳到导航
跳到搜索
所有模板列表
本模板用于在条目中将内容分成多列。
由于本模板自适应能力很强,你甚至可以用它布局页面。
本模板使用了CSS3的多栏布局效果。
用法
{{Columns|<内容>
|count=
|width=
|height=
|gap=
|rstyle=
|rcolor=
|rwidth=
|style=
}}
|count=
|width=
|height=
|gap=
|rstyle=
|rcolor=
|rwidth=
|style=
}}
count
:默认为3,你也可以填写其他阿拉伯数字指定理想列数(当条件不允许时列数不一定会按照设定显示)。如果你不想使用本参数可以将参数值改为“auto
”。width
:指定每列宽度(当条件不允许时宽度可能会自动缩放),参数值为“阿拉伯数字+单位(如px、em等)”。如果你不想使用本参数可以将参数值改为“auto
”,或者直接删掉本参数。count
与width
一般二选一即可,当它们同时存在时以最小的为准。如页面宽度800px,count为3,width=200px,则因为count=3<width=800/200=4,所以最终列数为3。
<内容>
:一般是列表,也可以是图片等其他任何东西。默认值是count
的值。
- 以下为可选参数:
gap
:指定列与列之间的间距,参数值为“阿拉伯数字+单位(如px、em等)”,默认值为1em
。rcolor
:指定分割线颜色,参数值为颜色值。rstyle
:指定分割线样式:
参数值 显示(仅供参考) 方点 dotted
虚线 dashed
竖线 solid
双线 double
rwidth
:指定分割线宽度,参数值为“阿拉伯数字+单位(如px、em等)”或thin
(相当于1px)、medium
(相当于3px)、thick
(相当于5px)。style
:添加额外的css属性。
范例
{{Columns|count=2| * [[George Washington]] * [[John Adams]] * [[Thomas Jefferson]] * [[James Madison]] * [[James Monroe]] }}
{{Columns|width=300px|rcolor=black|rstyle=dashed|rwidth=medium|gap=200px| * [[George Washington]] * [[John Adams]] * [[Thomas Jefferson]] * [[James Madison]] * [[James Monroe]] }}
(如果你只看到一列,那么说明你的页面窗口有些窄,电脑端可以通过缩小页面比例来看到更多列。)
- 可以添加 CSS 样式,例如:
- 推荐:
{{Columns|count=2|style=font-weight:bold;font-style:italic| * [[New York, I Love You]] * [[Hōtai Club]] * [[The Kon Ichikawa Story]] * [[Rainbow Song]] * [[Hana and Alice|Hana & Alice]] * [[All About Lily Chou-Chou]] * [[April Story]] * [[Swallowtail Butterfly (film)|Swallowtail Butterfly]] * [[Picnic (1996 film)|Picnic]] * [[Fried Dragon Fish]] }}
- 不推荐(记得在行数后加英文分号):
{{Columns|count=2;font-weight:bold;font-style:italic| * [[New York, I Love You]] * [[Hōtai Club]] * [[The Kon Ichikawa Story]] * [[Rainbow Song]] * [[Hana and Alice|Hana & Alice]] * [[All About Lily Chou-Chou]] * [[April Story]] * [[Swallowtail Butterfly (film)|Swallowtail Butterfly]] * [[Picnic (1996 film)|Picnic]] * [[Fried Dragon Fish]] }}
所有模板列表