定心浮动左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

回答