Jump to content

Template:Column-generating template families

From bestpressey
Revision as of 01:44, 1 October 2026 by imported>Isaacl (→Column-generating template families: add info for {{flexbox wrap}})
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Column-generating template families

The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a <div>...</div> open, potentially harming any subsequent formatting.

  • "Responsive/mobile suited" refers to whether more than one column will show up in cell phones. See tests here. Some templates need to be updated to work in cell phones too. Please use mobile-suited templates, or straight divs. For why, see WP:Access. See discussion.

<section begin="table" />

Column templates
Type Family
Deprecated.
Replace over time
Handles wiki
table code?[lower-alpha 2]
Responsive/
mobile suited
Dependent on
media queries
Can form
multiple columns
Visual Editor–
suited
Start
template
Column
divider
End
template
Float "col-float" Yes Yes Yes Yes {{col-float}} {{col-float-break}} {{col-float-end}}
"columns-start" Yes Yes Yes Yes {{columns-start}} {{column}} {{columns-end}}
Float "stack" Yes Yes No {{stack}} or
{{stack begin}}
{{stack end}}
Columns "div col" Yes Yes Yes {{div col}} instead use {{no col break}} {{div col end}}
"columns list" Yes No Yes {{columns list}} (wraps div col) — —
Flexbox "flex columns" Yes No Yes {{flex columns}} — —
Flexbox "flexbox wrap" Yes Yes Yes No Yes[lower-alpha 3] {{flexbox wrap|start}} {{flexbox wrap|break}} {{flexbox wrap|end}}
Table "col" Yes Yes Yes No Yes {{col-begin}},
{{col-begin-fixed}} or
{{col-begin-small}}
{{col-break}} or
{{col-2}} .. {{col-5}}
{{col-end}}
  1. ↑ See talk
  2. ↑ Can the template handle the basic wiki markup {| | || |- |} used to create tables? If not, special templates that produce these elements (such as {{(!}}, {{!}}, {{!!}}, {{!-}}, {{!)}}) or HTML tags (<table>...</table>, <tr>...</tr>, etc.) need to be used instead.
  3. ↑ Used to create blocks of content that are placed side-by-side if there is available space, otherwise the blocks that cannot fit are wrapped below the preceding blocks.

<section end="table" />