Template:Columns

Summary

This template constructs a multicolumn layout, with column width, column count, or preferably both specified.

Parameters

Columns

Parameter	Scope	Description
width	optional	Specifies the target width for each column. Browsers may make columns wider or narrower to fit. Percentage (%) units don't work; use em, px, vw, etc. Required if count not given. Default: Width is automatically calculated, based on the specified count and the size of the viewport. Be aware that this may overflow narrow viewports.
count	optional	Specifies the number of columns. Required if width not given. If both width and count are given, count specifies the maximum number of columns. Default: Count is automatically calculated, based on the specified width and the size of the viewport. Be aware that many columns may be generated in wide viewports.
id	optional	If specified, an HTML id to assign to the container. Default: The container has no id.
class	optional	If specified, additional HTML classes to assign to the container. Default: The container has only the columns class.
style	optional	If specified, additional CSS declarations to apply to the container. Default: The container has only columns and display declarations.
1	required	The content to lay out in columns.

Examples

Specified width, maximum count (recommended)

{{columns|width=10em|count=4|
* Altmer (High Elf)
* Argonian
* Bosmer (Wood Elf)
* Breton
* Dunmer (Dark Elf)
* Imperial (Cyrodiil)
* Khajiit
* Nord
* Orsimer (Orc)
* Redguard
}}

• Altmer (High Elf)
• Argonian
• Bosmer (Wood Elf)
• Breton
• Dunmer (Dark Elf)
• Imperial (Cyrodiil)
• Khajiit
• Nord
• Orsimer (Orc)
• Redguard

This constrains the number of columns in wide viewports, while preventing columns from getting too cramped in narrow viewports.

Specified width, auto count

{{columns|width=10em|
* Altmer (High Elf)
* Argonian
* Bosmer (Wood Elf)
* Breton
* Dunmer (Dark Elf)
* Imperial (Cyrodiil)
* Khajiit
* Nord
* Orsimer (Orc)
* Redguard
}}

• Altmer (High Elf)
• Argonian
• Bosmer (Wood Elf)
• Breton
• Dunmer (Dark Elf)
• Imperial (Cyrodiil)
• Khajiit
• Nord
• Orsimer (Orc)
• Redguard

Note that this generates many columns in wide viewports. If count cannot be given, display problems in wide viewports can be mitigated by specifying a larger width.

Specified count, auto width

{{columns|count=4|
* Altmer (High Elf)
* Argonian
* Bosmer (Wood Elf)
* Breton
* Dunmer (Dark Elf)
* Imperial (Cyrodiil)
* Khajiit
* Nord
* Orsimer (Orc)
* Redguard
}}

• Altmer (High Elf)
• Argonian
• Bosmer (Wood Elf)
• Breton
• Dunmer (Dark Elf)
• Imperial (Cyrodiil)
• Khajiit
• Nord
• Orsimer (Orc)
• Redguard

Note that this generates narrow columns, and possibly horizontal overflow, in narrow viewports. If width cannot be given, display problems in narrow viewports can be mitigated by specifying a smaller count.