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

Était-ce utile?

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?

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top