flotteur Centrer gauche des années div dans le corps

j'ai ce morceau de codeflotteur Centrer gauche des années div dans le corps

<body> 

    <? while.. (blah blah blah){ ?> 

     <div class="product"> 
      something 
     </div> 

     <? } ?> 
</body>

et le fichier css est

.product{ width:350px; float:left; }

le problème est que le corps Indifférent Fume ont une largeur, bien .. en fait il a, 90%, mais mon problème est sur les différentes résolutions, ça marche parfait pour moi (1680px largeur) mais quand je passe à 1024 par exemple, les produits semblent être éteints (alignés à gauche)

est-il une possibilité t o centrer ces divs avec un non statique sur leur conteneur parent?

Source

2009-11-25 Andy

si vous tournez flottant au large, vous pouvez utiliser

margin-right: auto; 
margin-left: auto;

Source

2009-11-25 18:22:53

Oui, mais je vais voir une liste de produits les uns sous les autres, et je veux qu'ils soient en lignes, pas seulement une colonne. Ce que je veux faire est similaire à google images, les images ne sont pas centrées, mais la différence est vraiment minime. – Andy

Si vous déclarez une largeur en pourcentage pour la div, puis faire margin-left:auto;, margin-right:auto;, serait-ce OK?

Vous pouvez donner aux images des bourrages à gauche et à droite et cela devrait centrer vos images.

Source

2009-11-25 19:14:31 tahdhaze09

Si vous voulez plusieurs divs, tous centrés en tant que groupe, vous devrez les placer dans une div parente, puis centrer en utilisant les marges.

Votre autre option serait de les faire display: inline; et d'utiliser text-align: center sur le corps pour les centrer. (Ou envisagez d'en faire des travées, qui par défaut sont en ligne)

Source

2009-11-25 21:29:03 keithjgrant

flotteur Centrer gauche des années div dans le corps

Répondre

Questions connexes