使div浮动但在空间不足时保持居中

时间:2011-02-14 17:59:53

标签: jquery css layout html

我希望有一个类似于网格的东西,当窗口上没有足够的空间超过1个元素时,每个元素都保持为中心,但是当有更多的空间时,它们会浮动到左边。有没有办法只使用css来实现这个目标?

1 个答案:

答案 0 :(得分:0)

这将涉及在调整窗口大小时更改元素的margin-margin和margin-right属性,这在没有JavaScript的情况下是不可能的。

如果没有JavaScript,您的代码将如下所示:

<html><body style="margin:0px">
<div style="min-height: 400px; min-width: 600px; clear: both;">
<div style="margin: 10px; float: left; margin-right: 95px; margin-left: 95px;width: 400px; height: 400px; background-color: Red;"></div>
<div style="margin: 10px; float: left; margin-right: 95px; margin-left: 95px;width: 400px; height: 400px; background-color: Blue;"></div>

</div>
</body>
</html>

您可以将div放在最小宽度的情况下,但是在调整窗口大小时需要JavaScript来操作边距大小。