Divs flottant de manière tabulaire à l'intérieur d'un autre Div

Bonjour, J'ai essayé de faire flotter des divs dans un div plus grand de manière tabulaire, je voudrais que les divs flottent de haut en bas et ensuite de gauche à droite (s'il vous plaît voir l'image), est-ce réalisable avec CSS seulement? J'utilise actuellement float: left pour les divs internes. Une autre chose, les divs flotter parce que la page pourrait se développer en fonction de la taille de l'écran.Divs flottant de manière tabulaire à l'intérieur d'un autre Div

Merci!

Source

2013-07-18 Jportelas

Test de travail à domicile ou d'entretien d'embauche? Dites-nous ce que vous avez essayé jusqu'ici. – melancia

Vous pouvez tricher et utiliser un navigateur qui prend en charge les colonnes CSS3 ... –

en ajoutant au commentaire @MelanciaUK, du code aiderait. :) – shammelburg

Vous pouvez le faire en utilisant les colonnes CSS3. Voici un jsfiddle le démontrant. Le CSS est en fait assez simple:

.col-4-div { 
columns: 10px 4; 
-webkit-column-count: 4; 
-webkit-column-gap: 10px; 
-moz-column-count: 4; 
-moz-column-gap: 10px; 
}

note il y a des déclarations ici pour satisfaire IE10, Webkit et les navigateurs Firefox. Malheureusement, les versions antérieures de IE ne supportent pas cela.

Source

2013-07-18 13:26:17 Holf

Merci Holf, je suppose que ça va faire l'affaire. Juste pour aller un peu plus loin, est-il possible d'obtenir ce genre de résultats mais avec un nombre de colonnes dynamique? Je veux dire que les divs vont flotter suivant le modèle tabulaire mais sans spécifier le nombre de colonnes? – Jportelas

Bien sûr, si vous ne spécifiez que la largeur des colonnes, le nombre de colonnes dépendra de la largeur de la fenêtre. Voir [spec] (http://www.w3.org/TR/css3-multicol/#cw). –

Divs flottant de manière tabulaire à l'intérieur d'un autre Div

Répondre

Questions connexes