Division longue liste de & lt; li & gt; tags dans des colonnes?
J'ai une liste d'environ 30 <li>
dans un <ul>
. Est-il possible, à l'aide de CSS, de les diviser en trois colonnes de dix?
source d'informationauteur core
Vous devez vous connecter pour publier un commentaire.
En CSS3 c'est possible.
HTML:
Les éléments de la liste va déborder sur la colonne suivante qu'ils dépassent la hauteur du conteneur.
Peut-être pour les anciens navigateur vous pouvez utiliser de JavaScript, comme cela semble être plus esthétique qu'une fonctionnalité essentielle.
J'ai l'habitude de définir les largeurs à 28% et de flotter à gauche:
L'inconvénient de cette est que les éléments de remplissage comme:
Aime pas: les
Si vous voulez vertical rempli de colonnes, vous avez besoin de 3 <ul>s.
il y a un bon article sur le multi colonne indique dans Alistapart. Pourrait être utile.