Difference between revisions of "Template:Column-width"
(Created page with "<includeonly>-moz-column-width: {{{1|30em}}}; -webkit-column-width: {{{1|30em}}}; column-width: {{{1|30em}}};</includeonly><noinclude> {{documentation}} </noinclude>") |
m (redundant) |
||
| Line 1: | Line 1: | ||
<includeonly>-moz-column-width: {{{1|30em}}}; -webkit-column-width: {{{1|30em}}}; column-width: {{{1|30em}}};</includeonly><noinclude> | <includeonly>-moz-column-width: {{{1|30em}}}; -webkit-column-width: {{{1|30em}}}; column-width: {{{1|30em}}};</includeonly><noinclude> | ||
| − | |||
{{documentation}} | {{documentation}} | ||
</noinclude> | </noinclude> | ||
Revision as of 20:09, 17 December 2014
Template documentationThis template is used to split text into columns using CSS for various browsers. Supported browsers include Safari, Firefox, Google Chrome, Opera version 11.1 onward and Internet Explorer version 10 onward.
Usage
This template is to be inserted inside a style tag.
{{column-width|width of columns}}
Example
<div style="{{column-width|15em}}">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat massa, fermentum et venenatis eget, sagittis at arcu. Nam auctor urna ac ante mollis porttitor. Proin hendrerit varius feugiat. Quisque accumsan ullamcorper est eget porttitor. Donec pulvinar mattis tellus, id bibendum orci luctus id. Curabitur pharetra porttitor dui at gravida. Praesent egestas mollis leo, a tristique felis porttitor vulputate. Sed ultricies fermentum sem, vitae tempus odio egestas quis. Fusce facilisis ligula sit amet eros congue nec eleifend ligula aliquet. Donec feugiat erat id diam mollis tincidunt. Vivamus eu feugiat libero. In hac habitasse platea dictumst.
Curabitur turpis nibh, imperdiet vestibulum cursus in, hendrerit sed nisi. In faucibus lobortis nibh in blandit. Phasellus dignissim pulvinar tellus eu iaculis. Cras turpis nisl, tincidunt quis convallis et, gravida non odio. Nulla egestas fringilla velit, quis commodo justo convallis non. Curabitur tincidunt neque a augue pulvinar tincidunt. Duis quam nibh, molestie id pharetra non, suscipit non mi. Morbi adipiscing scelerisque nisl laoreet scelerisque.
</div>
produces:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed erat massa, fermentum et venenatis eget, sagittis at arcu. Nam auctor urna ac ante mollis porttitor. Proin hendrerit varius feugiat. Quisque accumsan ullamcorper est eget porttitor. Donec pulvinar mattis tellus, id bibendum orci luctus id. Curabitur pharetra porttitor dui at gravida. Praesent egestas mollis leo, a tristique felis porttitor vulputate. Sed ultricies fermentum sem, vitae tempus odio egestas quis. Fusce facilisis ligula sit amet eros congue nec eleifend ligula aliquet. Donec feugiat erat id diam mollis tincidunt. Vivamus eu feugiat libero. In hac habitasse platea dictumst.
Curabitur turpis nibh, imperdiet vestibulum cursus in, hendrerit sed nisi. In faucibus lobortis nibh in blandit. Phasellus dignissim pulvinar tellus eu iaculis. Cras turpis nisl, tincidunt quis convallis et, gravida non odio. Nulla egestas fringilla velit, quis commodo justo convallis non. Curabitur tincidunt neque a augue pulvinar tincidunt. Duis quam nibh, molestie id pharetra non, suscipit non mi. Morbi adipiscing scelerisque nisl laoreet scelerisque.
See also
- {{Column-count}}
