Trois façons que je peux penser. D'abord, vous pouvez utiliser float pour définir leur position (style = 'float: left/right'). Cependant, cela les amènera à déborder la div contenant, sauf si vous les suivez avec une autre div avec clear: both (<div style='clear:both'></div>
), comme indiqué par Anish. Deuxièmement, vous pouvez utiliser une table ou la table de propriétés d'affichage, la ligne de table et la cellule de table. par exemple:
<div style='display:table'>
<div style='display:table-row'>
<div style='display:table-cell'>div 1</div>
<div style='display:table-cell'>div 2</div>
<div style='display:table-cell'>div 3</div>
</div>
</div>
Et enfin, vous pouvez utiliser la propriété d'affichage inline-block, qui supprime la linebreak à la fin de la div tout en vous permettant de garder la largeur fixe. par exemple:
<div style='display:inline-block;width:33%'>div 1</div>
<div style='display:inline-block;width:33%'>div 2</div>
<div style='display:inline-block;width:33%'>div 3</div>
<br />
<div style='display:inline-block;width:33%'>div 4</div>
<div style='display:inline-block;width:33%'>div 5</div>
Pourquoi n'utilisez-vous pas table à la place? – Mudassir
Les tables semblent raisonnablement adéquates pour le problème que vous avez. –