模板:Flatlist:修订间差异
来自RIA | Wiki
更多操作
建立内容为“<templatestyles src="Template:Hlist/styles.css" /><div class="hlist {{{class|}}}" {{#if:{{{style|}}}{{{indent|}}}|style="{{#if:{{{indent|}}}|margin-left: {{#expr:…”的新页面 |
修复模板样式错误 |
||
| 第1行: | 第1行: | ||
<templatestyles src=" | <templatestyles src="Module:List/styles.css" /><div class="hlist {{{class|}}}" {{#if:{{{style|}}}{{{indent|}}}|style="{{#if:{{{indent|}}}|margin-left: {{#expr:{{{indent}}}*1.6}}em;}} {{{style|}}}"}}>{{#if:{{{content|{{{1| }}} }}}| | ||
{{{content|{{{1}}}}}} | {{{content|{{{1}}}}}} | ||
</div>}}<noinclude></div> | </div>}}<noinclude></div> | ||
{{Documentation}} | {{Documentation}} | ||
</noinclude> | </noinclude> | ||
2021年3月14日 (日) 11:51的版本
页面模块:List/styles.css没有内容。
根据wikipedia:WP:FLATLIST和wikipedia:WP:HLIST, 此模板提供了一个WCAG/符合ISO标准的可访问替代项, 以逗号或破折号 (或其他单个字符) 分隔的列表。
使用
{{flatlist}} 开始水平列表, 例如:
页面模块:List/styles.css没有内容。此模板可以单独或和{{Endflatlist}}一起使用。对于使用{{Navbox}}的导航框, 可以设置|listclass=hlist, 并且无需使用此模板即可实现相同的样式。对于图像描述, 列表 (如星号) 标记不生效, 所以请选择使用 {{Hlist}} 替代。
可选参数
- class
- 将CSS类添加到包含的div中。使用
nowraplinks防止链接换行。 - style
- 将CSS样式添加到包含的div中。复杂的样式不应该在条目中使用 (根据wikipedia:WP:Deviations) ; 但是在用户, 项目和讨论页面上可以接受。例如:
|style=border:solid 1px silver; background:lightyellow;
- indent
- 通过多个标准缩进来缩进列表, 其中一个缩进为1.6em。(在缩进的讨论串中很有用。) 例如:
|indent=2
示例
{{flatlist|
* [[wikipedia:cat|]]
* [[wikipedia:dog|]]
* [[wikipedia:horse|]]
* [[wikipedia:cow|]]
* [[wikipedia:sheep|]]
* [[wikipedia:pig|]]
}}
产生:
页面模块:List/styles.css没有内容。替代语法
{{startflatlist}}
* [[wikipedia:cat|]]
* [[wikipedia:dog|]]
* [[wikipedia:horse|]]
* [[wikipedia:cow|]]
* [[wikipedia:sheep|]]
* [[wikipedia:pig|]]
{{endflatlist}}
产生:
页面模块:List/styles.css没有内容。有序列表语法
{{flatlist|
# [[wikipedia:first|]]
# [[wikipedia:second|]]
# [[wikipedia:third|]]
# [[wikipedia:fourth|]]
# [[wikipedia:fifth|]]
# [[wikipedia:sixth|]]
}}
产生:
页面模块:List/styles.css没有内容。使用可选参数
{{flatlist
| indent = 2
| style = border:solid 1px silver; background:lightyellow;
| class = nowraplinks |
* [[wikipedia:Alpine skiing at the 1936 Winter Olympics|]]
* [[wikipedia:Alpine skiing at the 1948 Winter Olympics|]]
* [[wikipedia:Alpine skiing at the 1952 Winter Olympics|]]
* [[wikipedia:Alpine skiing at the 1956 Winter Olympics|]]
* [[wikipedia:Alpine skiing at the 1960 Winter Olympics|]]
* [[wikipedia:Alpine skiing at the 1964 Winter Olympics|]]
}}
产生:
页面模块:List/styles.css没有内容。技术细节
此模板使用Module:List/styles.css中定义的 .hlist CSS类生成水平列表。它使普通的HTML列表项以行内 (水平) 方式显示, 它们在正常情况下将以块元素 (垂直) 显示。该类还会在列表项和嵌套列表周围的括号之间生成点间。使用的某些CSS与所有浏览器都不兼容, 特别是Internet Explorer 6和7。
| Wikitext | 展开的模板 | HTML |
|---|---|---|
{{flatlist|
* cat
* dog
* horse
* cow
* sheep
* pig
}}
|
<div class="hlist hlist-separated"> * cat * dog * horse * cow * sheep * pig </div> |
<div class="hlist"> <ul><li>cat</li> <li>dog</li> <li>horse</li> <li>cow</li> <li>sheep</li> <li>pig</li></ul> </div> |
模板数据
此模板生成以逗号或破折号 (或其他单个字符) 分隔的列表
| 参数 | 描述 | 类型 | 状态 | |
|---|---|---|---|---|
| CSS 类 | class | 应用于列表外div容器的CSS类 | 字符串 | 可选 |
| CSS 样式 | style | 应用于列表外div容器的CSS样式 | 字符串 | 可选 |
| 缩进 | indent | 缩进宽度: «indent»×1.6em | 数字 | 可选 |
| 内容 | content 1 | 需要使用标准/HTML列表格式 | wikitext片段 | 可选 |