定心浮動左div的在體內

<body> 

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

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

     <? } ?> 
</body>

和CSS文件

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

問題是，體doesn't具有寬度，以及..實際上，它有90％，但我的問題是在不同的分辨率下，它適用於我（1680像素寬度），但是當我切換到1024作爲示例時，產品似乎關閉（對齊左側）

是否有任何可能性t o使用父容器中的非靜態中心這些div？

2009-11-25 Andy

如果你把浮動了，你可以使用

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

2009-11-25 18:22:53

是的，但我會看到一個在另一個下方的產品列表，我希望它們在行中，而不僅僅是一列。我想要做的是類似於谷歌圖像，圖像不居中，但差異非常小。 – Andy 2009-11-25 18:30:06

如果以百分比爲DIV申報的寬度，然後做margin-left:auto;，margin-right:auto;，會是這樣行嗎？

你可以給圖像一些左右填充，這應該使你的圖像居中。

2009-11-25 19:14:31 tahdhaze09

如果你想要多個div，所有居中作爲一個組，你必須將它們包裝在父div中，然後使用邊距來居中。

你的其他選擇是讓他們display: inline;和使用text-align: center身體居中。（或考慮讓它們跨越，默認爲內聯）

2009-11-25 21:29:03 keithjgrant

回答