2010-05-20 7 views
4

Si mon code HTML dit quelque chose le long de laCSS: organiser des groupes d'éléments similaires dans deux colonnes

<div class="container"> 
<div class="element"> 
</div> 
<div class="element"> 
</div> 
[...] 
<div class="element"> 
</div> 
</div> 

suivant est-il possible d'aligner ces éléments comme si elles étaient dans un tableau à deux colonnes? C'est à dire. avec 7 éléments, il y aurait 4 rangées, la dernière rangée n'ayant qu'un seul élément.

(Les éléments ont eux-mêmes pas de cours spéciaux ou ids comme à droite, à gauche, etc.)

Répondre

13

Oui:

.container{ position: relative } 
.element{ width: 50%; float: left } 
+1

bien vous ne pouvez pas définir la largeur sur un objet en ligne, et des tas d'autres choses que vous attendez normalement d'un div, donc je ne suis pas d'accord sur cette partie, mais à part ça, oui, float à gauche est le chemin à parcourir. –

+0

Ah, bon point, édité. –

+1

Je devais définir clairement: à la fois sur le div après le conteneur div mais il semble fonctionner. Je ne pensais pas que c'était facile. THX. – Marki

Questions connexes