如果你看到本段文字,说明该页面未正常加载全局JS,部分功能将无法使用,请点击 刷新 重新加载页面。

全站通知:

模板:Columns

来自咸鱼之王WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

模板:[刷新此页面] [编辑] [页面历史]
文档:[查看] [编辑] [页面历史]

说明文档

本模板用于在条目中将内容分成多列。

由于本模板自适应能力很强,你甚至可以用它布局页面。

本模板使用了CSS3的多栏布局效果

用法

{{Columns|<内容>
 |count=
 |width=
 |height=
 |gap=
 |rstyle=
 |rcolor=
 |rwidth=
 |style=
}}
  • count:默认为3,你也可以填写其他阿拉伯数字指定理想列数(当条件不允许时列数不一定会按照设定显示)。如果你不想使用本参数可以将参数值改为“auto”。
  • width:指定每列宽度(当条件不允许时宽度可能会自动缩放),参数值为“阿拉伯数字+单位(如px、em等)”。如果你不想使用本参数可以将参数值改为“auto”,或者直接删掉本参数。
    • countwidth一般二选一即可,当它们同时存在时以最小的为准。如页面宽度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]]
}}

所有模板列表