Emballage des listes en colonnes

J'utilise ColdFusion pour remplir un modèle qui comprend des listes HTML (<ul>).

La plupart d'entre eux ne sont pas si longs, mais quelques-uns ont des longueurs ridiculement longues et pourraient vraiment supporter d'être dans 2-3 colonnes.

Existe-t-il un moyen HTML, ColdFusion ou peut-être JavaScript (j'ai jQuery` disponible) pour le faire facilement ? Cela ne vaut pas la peine d'avoir une solution lourde trop compliquée pour économiser du défilement.

请先 登录 后评论

1 réponses

doekman

Si la prise en charge de Safari et Firefox vous convient, il existe une solution CSS :

ul {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}

Je ne suis pas sûr pour Opera.

请先 登录 后评论