Question
Je suis essayer obtenir que div affichage 5 dans une rangée, puis lancer une nouvelle ligne et afficher plus
atm tout ce qui se passe est le vont dans l'autre.
CODE
< div>Line1< br />Line2< br>Line3< /div>
Merci
La solution
Si vous voulez cinq divs côte à côte par ligne, les travaux suivants:
.cell { padding:0; margin:0; float:left; width:20%; }
.clear { clear:both; }
-
<div class="cell">1</div>
<div class="cell">2</div>
<div class="cell">3</div>
<div class="cell">4</div>
<div class="cell">5</div>
<div class="cell">6</div>
<div class="cell">7</div>
<div class="clear"></div>
Pour de meilleurs résultats, tous les divs doivent avoir la même hauteur. Si elles ne le font pas, vous devez placer le <div class="clear"></div>
après chaque 5 e div.
Autres conseils
Une balise <br />
se déplacera toujours au début de la ligne suivante. Donc, si vous avez eu ce (je pris la liberté d'ajouter un « / » à votre deuxième balise br, peut-être c'était le problème):
<div>Line1<br />Line2<br />Line3</div>
Vous obtiendrez ceci:
Line1
Line2
Line3
est-ce pas ce que vous voulez? Sinon, s'il vous plaît préciser.
Si vous voulez que les divs à afficher en côte à côte, vous aurez besoin d'utiliser des flotteurs pour le faire css.
<style type="text/css">
div { float: left }
</style>
Ensuite, vous aurez besoin d'utiliser un <br clear="all" />
pour se déplacer vers le bas à la ligne suivante.
Cela signifie que
<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div>
Montrerait comme le contenu 12345 tous sur la même ligne. Est-ce que vous cherchez?