Je veux obtenir 4 colonnes, avec le texte flottant dans chacun d'eux. Je ne veux pas faire 4 div s séparés, car lorsque la première colonne est pleine de texte, le texte devrait continuer dans la colonne suivante.Colonnes avec CSS sans utiliser plusieurs divs?
Je veux également définir la largeur de chaque colonne et le remplissage entre. En outre, la hauteur doit être flexible, en fonction de la quantité de texte.
Avez-vous des idées?
Cet article (11 Classic CSS Techniques Mad Simple With CSS3) montre comment faire cela en utilisant les propriétés spécifiques à Mozilla et à WebKit. Les colonnes comme celles-ci sont l'article numéro 9 sur la liste.
Pour IE, vous devrez attendre la prise en charge CSS3 ou utiliser un script, tel que le Columnize jQuery plugin mentionné dans l'article.
C'est très difficile à réaliser, et ce n'est pas comme ça que le HTML est conçu. L'approche recommandée serait de rendre tout le texte dans un seul élément HTML (div ou p, etc) et dans le navigateur, modifier dynamiquement le contenu et le balisage par rapport à une "hauteur préférée" prédéterminée et le nombre de colonnes. Vous pouvez utiliser les méthodes height() de jQuery pour vous aider. Il s'agit d'un script with some of the groundwork. Un article explaining future support disponible en CSS3.
Cet article (http://net.tutsplus.com/tutorials/html-css-techniques/11-classic-css-techniques-made-simple-with-css3/) montre comment faire cela en utilisant Mozilla et Propriétés spécifiques à WebKit. Pour IE, vous devrez attendre le support de CSS3 ou utiliser un script. – AaronSieb
Nice link (item # 9 est l'information pertinente). Ils signalent également le plugin jQuery columnize. Aaron, vous devriez faire une réponse avec ce lien. =) –