wanweipedia

Help:Columns

  (Redirected from H:COL)

colbegin and colend

To create columns in an article one may use {{colbegin}} and {{colend}}. Note that this is not supported by Internet Explorer version 9 and below or Opera version 11 and below — see {{Div col}} for details. This example uses {{lorem}} to generate placeholder text.

{{colbegin}}
{{lorem}}
{{lorem}}
{{colend}}

produces:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


You can also use {{col-begin}}, {{col-break}}, and {{col-end}}. But don't use this variety to set numbered or bulleted lists in columns, because {{col-break}} breaks the list up, which is a problem for accessibility.

As such:

{{col-begin}}
{{col-break}}
{{lorem}}
{{col-break}}
{{lorem}}
{{col-break}}
{{lorem}}
{{col-end}}

creates

CSS

MediaWiki:Common.css defines the following styles:

  • "div.columns-2", "div.columns-3", "div.columns-4" and "div.columns-5" which need to contain a "div.column"

Templates

  • {{colbegin}} and {{divbegin}} – utilizes CSS3 features
  • {{Columns-start}} – defines CSS classes (see above)
  • {{col-begin}} – uses an HTML table (also adds a MULTICOL attribute)
  • {{col-begin-small}}
  • {{div col}} – uses CSS3
  • {{columns-list}} – uses CSS3

CSS3 multicolumn support

CSS3 multiple-column layout browser support
Property Internet
Explorer
Firefox Safari Chrome Opera
column-width
column-count
≥ 10
(2012)
≥ 1.5
(2005)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)
columns ≥ 10
(2012)
≥ 9
(2011)
≥ 3
(2007)
≥ 1
(2008)
≥ 11.1
(2011)
break-before
break-after
break-inside
≥ 10
(2012)
≥ 65
(2019)
≥ 10
(2016)
≥ 65
(2016)
≥ 15
(2013)

The templates {{div col}} and {{divbegin}} use a feature in CSS3 that is implemented in:

See also


This page was last updated at 2020-12-14 00:33, update this pageView original page

All information on this site, including but not limited to text, pictures, etc., are reproduced on Wikipedia (wikipedia.org), following the . Creative Commons Attribution-ShareAlike License


Top

If the math, chemistry, physics and other formulas on this page are not displayed correctly, please useFirefox or Safari