Multicolumntext
From DramaWiki
Purpose
The {{multicolumntext}} and {{multicolumn-end}} templates can be used to format the wrapped text section or list into multiple columns. The desired number of columns can be passed as parameter. The web browser automatically arranges the text so that it fills all columns equally. For full control over the column formatting the {{multicol}} templates should be used instead.
Note: This template doesn't work properly on some older web browsers without CSS column support, for example all versions of Internet Explorer through to version 9 and Opera through to version 11.0! These are no longer supported by their vendors and therefore insecure browsers that have bigger problems than just layout support. On these browsers this template simply degrades to single column, which is not a bad compromise.
Usage
{{multicolumntext}} has one optional parameter:
- the number of columns to display (default: 2)
{{multicolumntext|3}}
''Lorem ipsum dolor sit amet, consectetur adipisicing 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.''
{{multicolumn-end}}
produces a text section in three columns:
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Browser Compatibility
This template can create multiple columns in web browsers which support one of the following CSS properties:
- column-count (for CSS3 compliant browsers; see CSS3 module: Multi-column layout)
- -moz-column-count (for Mozilla/Gecko based browsers such as Firefox)
- -webkit-column-count (for WebKit based browsers such as Safari and Google Chrome)
The following browsers have support for CSS3 multiple column layout:[1]
- Firefox version 1.5+ (since 2005)
- Safari version 3+ (2007)
- Chrome version 1+ (2008)
- Opera version 11.1+ (2011)
- Internet Explorer 10+ (2012)
See also
- {{multicol}} templates for multi-column text with column-break control
- DramaWiki:Multi-column text help page with some examples