W：创建页面，内容为“{{FromOtherWiki|interwiki=zhwp|pagename=Template:Columns-list|copyright=cc|lsubtype=by-sa|lver=3.0}} 本模板用于在条目中将内容分成多列。它基于 Template:Reflist，两者的区别是这里显示的内容需手动输入而不是来自引用来源列表。由于本模板自适应能力很强，你甚至可以用它布局页面。本模板使用了CSS3的[http://www.w3.org/TR/css3-multicol/ 多栏布局效果]。多列只有在Interne…”

2023-04-01T20:05:36Z

创建页面，内容为“{{FromOtherWiki|interwiki=zhwp|pagename=Template:Columns-list|copyright=cc|lsubtype=by-sa|lver=3.0}} 本模板用于在条目中将内容分成多列。它基于 Template:Reflist，两者的区别是这里显示的内容需手动输入而不是来自引用来源列表。由于本模板自适应能力很强，你甚至可以用它布局页面。本模板使用了CSS3的[http://www.w3.org/TR/css3-multicol/ 多栏布局效果]。多列只有在Interne…”

新页面

{{FromOtherWiki|interwiki=zhwp|pagename=Template:Columns-list|copyright=cc|lsubtype=by-sa|lver=3.0}}

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

它基于 [[Template:Reflist]]，两者的区别是这里显示的内容需手动输入而不是来自引用来源列表。

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

本模板使用了CSS3的[http://www.w3.org/TR/css3-multicol/ 多栏布局效果]。

多列只有在Internet Explorer版本10及以上、Opera11.1及以上、Safari版本3及以上、Mozilla Firefox版本1.5及以上、Google Chrome等浏览器上才能正确渲染，不支持的浏览器会始终显示单列且不会混乱。Internet Explorer版本9及以下不支持列选择器。

== 用法 ==

<pre>
{{Columns-list
|理想列数
|width=
|内容
|content=
|gap=
|rcolor=
|rstyle=
|rwidth=
|css=
}}
</pre>

* <code>理想列数</code>：默认为2，你也可以填写其他阿拉伯数字指定理想列数（“理想”意为当条件不允许时列数不一定会按照设定显示）。如果你不想使用本参数可以将参数值改为“<code>auto</code>”。
* <code>width</code>：指定每列理想宽度（“理想”意为当条件不允许时宽度可能会自动缩放），参数值为“阿拉伯数字+单位（如px、em等）”。如果你不想使用本参数可以将参数值改为“<code>auto</code>”，或者直接删掉本参数。
:;<code>理想列数</code>与<code>width</code>一般二选一即可，当它们同时存在时以最小的为准。如页面宽度800px，理想列数为3，width=200px，则因为理想列数=3<width=800/200=4，所以最终列数为3。
* <code>内容</code>：一般是列表，也可以是图片等其他任何东西。默认值是<code>理想列数</code>的值。
** 当你需要在内容中使用HTML元素时，请使用<code>content</code>，然后在<code>content=</code>后填写你的内容。此时<code>内容</code>无效。

;以下为可选参数：
* <code>gap</code>：指定列与列之间的间距，参数值为“阿拉伯数字+单位（如px、em等）”，默认值为<code>1em</code>。
* <code>rcolor</code>：指定分割线颜色，参数值为颜色值。
* <code>rstyle</code>：指定分割线样式：
:{| class="wikitable" style="text-align:center;"
! colspan=2 | 参数值 !! 显示（仅供参考）
|-
| 方点 || dotted || <hr style="border-top:3px dotted black;background-color:transparent;height:0;"/>
|-
| 虚线 || dashed || <hr style="border-top:3px dashed black;background-color:transparent;height:0;"/>
|-
| 竖线 || solid || <hr style="border-top:3px solid black;background-color:transparent;height:0;"/>
|-
| 双线 || double || <hr style="border-top:3px double black;background-color:transparent;height:0;"/>
|}
* <code>rwidth</code>：指定分割线宽度，参数值为“阿拉伯数字+单位（如px、em等）”或<code>thin</code>（相当于1px）、<code>medium</code>（相当于3px）、<code>thick</code>（相当于5px）。
* <code>css</code>：添加额外的css属性。

== 范例 ==

<pre>
{{Columns-list|2|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}
</pre>
{{Columns-list|2|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}

<pre>
{{Columns-list|width=300px|rcolor=black|rstyle=dashed|rwidth=medium|gap=200px|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}
</pre>
{{Columns-list|width=300px|rcolor=black|rstyle=dashed|rwidth=medium|gap=200px|
* [[George Washington]]
* [[John Adams]]
* [[Thomas Jefferson]]
* [[James Madison]]
* [[James Monroe]]
}}
（如果你只看到一列，那么说明你的页面窗口有些窄，电脑端可以通过缩小页面比例来看到更多列。）

;可以添加 CSS 样式，例如：
:{{Color|green|'''推荐'''}}：
<pre>
{{Columns-list|2|css=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]]
}}
</pre>
{{Columns-list|2|css=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]]
}}

:{{Color|red|'''不推荐'''}}（记得在行数后加英文分号）：
<pre>
{{Columns-list|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]]
}}
</pre>
{{Columns-list|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]]
}}

;内容布局实例（注意观察在不同尺寸窗口下下面内容排版的变化）：
<pre>
{{Columns-list|auto|width=200px|gap=2px|content=
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[AAA]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[BBB]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[CCC]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[DDD]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[EEE]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[FFF]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[GGG]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[HHH]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[III]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[JJJ]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">待补……</div>
}}
</pre>
{{Columns-list|auto|width=200px|gap=2px|content=
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[AAA]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[BBB]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[CCC]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[DDD]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[EEE]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[FFF]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[GGG]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[HHH]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[III]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[JJJ]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">待补……</div>
}}

== 重定向 ==
* {{tl|Cmn}}、{{tl|分列}}重定向至此。

== 参见 ==
* [[Template:2columns]]
* [[Template:3columns]]
* [[Template:4columns]]
* [[Template:Multicol]]

== 参考 ==
{{tl|Reflist}}
{{Template:格式模板}}<includeonly>[[Category:格式模板]]</includeonly><noinclude>[[Category:模板文档]]</noinclude>

Template:Columns-list/doc - 版本历史