2011-12-20 4 views
2

J'ai donc une table avec seulement deux colonnes, long-ish. Je veux l'affichage de la table d'une manière qui crée "méta" -columns à partir des colonnes régulières. En d'autres termes, si la longueur de la table est supérieure à cinq lignes, les cinq lignes suivantes doivent être affichées à côté de la droite des premières lignes, et ainsi de suite.Spillover horizontal de table CSS

J'ai fait des recherches mais depuis que je suis nouveau à CSS, je ne suis pas exactement sûr de la terminologie. Je suis sûr que les gens ont dû faire face à cela avant. Merci!

Répondre

0

Check this out: http://slides.html5rocks.com/#css-columns

-webkit-column-count: 2; /* Set to number of columns */ 
-webkit-column-rule: 1px solid #bbb; 
-webkit-column-gap: 2em; 

Est-ce que vous essayez de faire?

+0

Ces propriétés sont uniquement prises en charge par les navigateurs Opera et -webkit (Safari et Chrome). – Simone

+0

Merci! Cela semble fonctionner pour Chrome. Je ne suis pas sûr de savoir comment je le ferais avec IE ou Firefox, cependant. – John

+0

Une chose que je trouve bizarre est de montrer les colonnes supplémentaires, je dois les mettre en évidence ou les faire défiler pour qu'elles n'apparaissent pas dans la fenêtre du navigateur. Je ne sais pas pourquoi ils n'apparaissent pas automatiquement. J'utilise Chromium. – John