模板:Hlist/doc

来自决策链云智库
< 模板:Hlist
Zeroclanzhang讨论 | 贡献2024年1月16日 (二) 17:22的版本 (创建页面,内容为“{{Documentation subpage}} <!-- Categories go at the bottom of this page and interwikis go in Wikidata. --> {{used in system|in MediaWiki:Citethispage-content}} {{Lua|Module:List}} {{Uses TemplateStyles|Template:Hlist/styles.css}} {{tlr|clear=right|Horizontal list|dotlist|hlist1}} This template creates horizontal lists. Each item in the list may be individually styled with CSS. __TOC__ {{-}} == Usage == '''Basic usage''' {{pre|<nowiki>{{<…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

Lua错误 在模块:TNT的第167行:Missing Commons dataset I18n/Module:TNT.tab

This template creates horizontal lists. Each item in the list may be individually styled with CSS.

Usage

Basic usage

{{hlist|first item|second item|third item|...}}

All parameters

{{hlist
|first item|second item|third item|...
|class       = class for div tag
|style       = style for div tag
|list_style  = style for ul tag
|item_style  = style for all li tags
|item1_style = style for first li tag
|item2_style = style for second li tag
|...
|indent      = the number of tabs to indent
}}

Example

{{hlist|Jazz|rock|pop|rap}}

produces:

  • Jazz
  • rock
  • pop
  • rap

Parameters

  • Positional parameters (1, 2, 3...): these are the list items. If no list items are present, the module will output nothing.
  • class: a custom class for the div>>...</div> tags surrounding the list. Set to inline when using {{hlist}} inside text.
  • style: a custom CSS style for the div>>...</div> tags surrounding the list, e.g. font-size: 90%;.
  • list_style: a custom CSS style for the ul>>...</ul> tags around the list. The format is the same as for the |style= parameter.
  • item_style: a custom CSS style for all of the list items (the li>>...</li> tags). The format is the same as for the |style= parameter.
  • item1_style, item2_style, item3_style...: custom CSS styles for each of the list items. The format is the same as for the |style= parameter.
  • indent: the number of tabs to indent the list. Default value is 0.

Examples

Markup Renders as
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}
  • entry1
  • entry2
  • entry3
  • entry4
  • entry5
  • entry6
  • entry7
  • entry8
  • entry9
Giant planets ({{hlist|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).
Giant planets ().
Giant planets ({{hlist|class=inline|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).
Giant planets ().
{{hlist|Winner|Runner-up|Third place|indent=2}}
  • Winner
  • Runner-up
  • Third place
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;}}
  • Winner
  • Runner-up
  • Third place
{{hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
  • Winner
  • Runner-up
  • Third place

Avoiding Linter errors

{{hlist}} will produce Linter errors if placed inside a template that uses span>>...</span> tags, such as {{small}}, {{larger}}, etc. To avoid this, use the substitutions from the table below:

☒N Incorrect markup 模板:Tick Correct markup
{{small|{{hlist|...}}}} {{hlist|...|style=font-size:85%}}
{{resize|{{hlist|...}}}} {{hlist|...|style=font-size:90%}}
{{midsize|{{hlist|...}}}} {{hlist|...|style=font-size:92%}}
{{larger|{{hlist|...}}}} {{hlist|...|style=font-size:120%}}
{{big|{{hlist|...}}}} {{hlist|...|style=font-size:120%}}
{{large|{{hlist|...}}}} {{hlist|...|style=font-size:120%}}
{{huge|{{hlist|...}}}} {{hlist|...|style=font-size:180%}}
{{resize|x%|{{hlist|...}}}} {{hlist|...|style=font-size:x%}}
{{font|size=x%|{{hlist|...}}}} {{hlist|...|style=font-size:x%}}
{{nowrap|{{hlist|...}}}} {{hlist|...|style=white-space: nowrap}}