模板:Columns-list：修订间差异
（创建页面，内容为“<includeonly><div class="div-col columns {{#if: {{{colwidth|}}} | column-width }} {{{class|}}}" style="column-count: {{{columns|auto}}}; column-width: {{{colwidth|auto}}};{{#if: {{{gap|}}} | column-gap: {{{gap|}}}; }}{{#if: {{{rules|}}} | column-rules: {{{rules|}}}; }}{{#if: {{{small|}}} | font-size: 90%; }}{{{style|}}}">{{{1|}}}</div></includeonly><noinclude> {{Documentation}}分类:模板 </noinclude>”） |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
<includeonly><div class=" | <includeonly><div class="columns-list" style="column-count:{{#if: {{{content|}}} | {{{1}}} | {{#if:{{{2|}}}|{{{1|2}}}|2}} }};column-width:{{{width|100px}}};{{#if:{{{gap|}}}|column-gap:{{{gap}}}}};{{#if:{{{rcolor|}}}|column-rule-color:{{{rcolor}}}}};column-rule-style:{{#switch: {{{rstyle|}}} | dotted|方点 = dotted | dashed|虚线 = dashed | solid|竖线 = solid | double|双线 = double | #default = none }};{{#if:{{{rwidth|}}}|column-rule-width:{{{rwidth}}}}};{{{css|}}}">{{ifnotempty| {{{content|}}} | {{{content}}} | {{{2| {{{1|}}} }}} }}</div></includeonly><noinclude>{{documentation}}[[分类:模板]]</noinclude> | ||
{{ | |||
</noinclude> | |||
2024年5月24日 (五) 15:48的最新版本
该模板用于把文章内容以列表形式显示。
用法
{{{columns}}}和{{{colwidth}}}用于指定列表的列数和列宽。若不指定，默认为auto，将根据内容自动决定列数和列宽。
{{columns-list|colwidth=宽度（通常以em为单位）|
文本（通常是一个列表）
}}
在上面的例子中，宽度指定了列宽，并且会基于屏幕的宽度动态决定列数。在更宽的显示屏上会显示更多的列。
{{{gap}}}（可选）可用于设置相邻两列的间隙宽度。
{{{rules}}}（可选）可用于设置分隔线的样式。
设置{{{small}}}可以使字体变小。
{{{style}}}可用于添加其他样式。
该模板使用CSS3多列布局，但不是所有的浏览器都支持这个布局。
示例
{{columns-list|colwidth=20em|
* [[蝙蝠]]
* [[牛]]
* [[海豚]]
* [[鱼]]
* [[马]]
* [[羊驼]]
* [[鹦鹉]]
* [[猪]]
* [[北极熊]]
* [[兔子]]
* [[羊]]
* [[鱿鱼]]
* [[海龟]]
* [[狼]]
}}
会显示为：
{{columns-list|columns=2|
* [[蝙蝠]]
* [[牛]]
* [[海豚]]
* [[鱼]]
* [[马]]
* [[羊驼]]
* [[鹦鹉]]
* [[猪]]
* [[北极熊]]
* [[兔子]]
* [[羊]]
* [[鱿鱼]]
* [[海龟]]
* [[狼]]
}}
会显示为：
CSS的style属性是可以使用的，如：
{{columns-list|colwidth=15em|style=width: 600px; font-style: italic;|
* All About Lily Chou-Chou
* April Story
* Hana and Alice
* Hōtai Club
* The Kon Ichikawa Story
* Love Letter (1995 film)
* New York, I Love You
* Picnic (1996 film)
* Rainbow Song
* Swallowtail
}}
会显示为：
- All About Lily Chou-Chou
- April Story
- Hana and Alice
- Hōtai Club
- The Kon Ichikawa Story
- Love Letter (1995 film)
- New York, I Love You
- Picnic (1996 film)
- Rainbow Song
- Swallowtail