Template:Column-width/doc: Difference between revisions

From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
Content added Content deleted
Line 10: Line 10:
Use it in CSS style properties to set the ''minimum'' width of columns to render the contents of a multi-column element.
Use it in CSS style properties to set the ''minimum'' width of columns to render the contents of a multi-column element.


Useful for presenting long narrow lists of terms (a width of 18em generally fits well). Extra columns will be created as needed to better fit wide screens without scrolling vertically.
Useful for presenting long narrow lists of terms (a width of 18em generally fits well). Extra columns will be created as needed to better fit wide screens without having to scroll vertically to read it completely.


== Example ==
== Example ==

Revision as of 19:28, January 3, 2014

Usage

This template generates the equivalent of CSS3 style property column-count [1]

On Webkit browsers (Safari, Chrome, Chromium), it uses the experimental property -webkit-column-count.

On Mozilla browsers (Firefox), it uses the experimental property -moz-column-count.

Use it in CSS style properties to set the minimum width of columns to render the contents of a multi-column element.

Useful for presenting long narrow lists of terms (a width of 18em generally fits well). Extra columns will be created as needed to better fit wide screens without having to scroll vertically to read it completely.

Example

  • {{column-width|18em}} gives:
    -moz-column-width:18em;-webkit-column-width:18em;column-width:18em;

References

  1. ^ CSS Multi-column Layout Module, W3C specification.

See also