I was looking at http://www.w3.org/TR/css3-multicol/, but it only lets you specify column-width
and column-count
, potentially both (either individually, or through columns
), but does not define any kind of way to specify, say, minimum width and maximum count.
For example, on the category index of OpenBSD ports, there are 71 categories, generally fitting in 9em.
If I use ul {-moz-column-width: 9em;}
, then at 89em and above, there'd be at least 9 columns (89em = 9 × (column-width of 9em) + 8 × (column-gap of 1em)), making each column contain very few categories, and, IMHO, making it more difficult to navigate, since, even though the text would "look" left-to-right, you'd still have to navigate top-to-bottom. (Or is there a way to have a list of columns going left to right, instead of top-to-bottom?)
If I instead use -moz-column-count: 8;
, then the site will be less usable on smaller screens, below about 70em or so.
Is there a solution?