J'ai des éléments dynamiques que je voudrais descendre vers le bas et remplir plusieurs colonnes (comme dans Word, par exemple) plutôt que de flotter à gauche ou à droite ou empiler de la manière typique. Y a-t-il des fonctions de CSS qui rendent cela possible? Si non, quelle ligne de conduite puis-je prendre ici?Colonnes dynamiques en CSS
Répondre
Il est possible, mais seulement dans CSS3, qui n'a pas encore la part de marché requise pour être utilisé en toute sécurité.
Cochez cet article sur Zen Elements pour plus de détails.
Une solution jusqu'à ce que CSS3 est « mainstream » pourrait être une solution Javascript/JQuery comme celui-ci: Columnizer jQuery Plugin
Excellent. J'avais toujours peur de plonger dans jQuery mais j'étais stupide de penser que ce serait compliqué! Très facile et super exemples. Merci. – Daniel
Qu'en est-il un <li>
qui est flotté à gauche et afficher: inline-block?
Je pense que vous pouvez être sur quelque chose ici. Est-il possible de diviser les articles en plusieurs colonnes automatiquement? – Daniel
oui, si vous définissez une largeur des éléments et une hauteur du conteneur div. ils devraient remplir correctement – mkoryak
@mkoryak Il est en effet possible d'émuler des colonnes de cette façon mais l'ordre est incorrect. Les colonnes devraient s'accumuler de haut en bas et de côté, et non l'inverse. – jpeltoniemi
CSS3 permet(), mais il est pas largement encore pris en charge: seules les versions récentes de Firefox et Safari (ainsi que d'autres navigateurs basés sur Webkit, probablement) le supporte.
JavaScript est votre meilleur pari si vous avez absolument besoin que ce soit flexible et général. Si vous le faites uniquement pour un texte spécifique, vous pouvez également le coder en dur.
- 1. CSS/Javascript: plusieurs colonnes dynamiques
- 2. Colonnes dynamiques
- 3. Colonnes/lignes dynamiques
- 4. Colonnes dynamiques dans jqGrid
- 5. colonnes de grille dynamiques
- 6. Colonnes dynamiques en cas de pivotement
- 7. Deux colonnes égales en CSS
- 8. WPF MvvM DataGrid colonnes dynamiques
- 9. colonnes dynamiques avec asp: LinqDataSource
- 10. Colonnes dynamiques SQL Server Problème
- 11. SSIS - mappages de colonnes dynamiques
- 12. GridView + Colonnes dynamiques + PopupExtender + CheckBoxList
- 13. Taille et largeur CSS dynamiques
- 14. Colonnes dynamiques - SQL Server - Mois sous forme de colonnes
- 15. Quadrillage CSS pour colonnes en alternance
- 16. Disposition des colonnes en HTML (5)/CSS
- 17. Comment centrer n colonnes en utilisant CSS?
- 18. En référence aux colonnes dynamiques dans une requête postgres?
- 19. Colonnes dynamiques Dans Reporting Services Tablix
- 20. Quelle requête SQL affichera "colonnes dynamiques"
- 21. XSLT et colonnes de table dynamiques
- 22. Sélectionner les colonnes dynamiques de retour
- 23. Problème d'événement de colonnes gridview dynamiques
- 24. Colonnes CSS et l'impression
- 25. Colonnes dynamiques dans les tables mysql?
- 26. Problème de mise en cache: fichiers css dynamiques
- 27. Suggestion pour 3 css colonnes
- 28. CSS - Colonnes à fluides fixes
- 29. CSS multiples divs multi-colonnes
- 30. Colonnes CSS qui se chevauchent
Parlez-vous de quelque chose comme une mise en page de journal? Je sais qu'il y a des plugins jquery qui vont le faire pour vous. – codedude