Css 在另一个div内的中心div上以动态变化的高度动态对齐

我找不到解决我问题的办法，所以我请求你的帮助。。。我有一个div，它根据浏览器窗口的高度改变其高度。在这个div的内部是5个另一个div 4每行，当我调整窗口大小到更小尺寸的div落在2, 3行等，这是好的，但这些div不在中间的主要div，这是调整大小，这就是我所寻找的…多谢各位

HTML:

添加您的CSS#Main

---

而不是

float：左对于.mosaic块，您可能希望尝试
显示：内联块和添加
文本对齐：居中到您的主目录。它有点脏，但它能用

另外，您可能需要删除
最大宽度：840px，我怀疑这是一个有效的声明
 杰普：）它正在工作，但我还必须添加文本align:left；到。马赛克块，因为其中包含文本。。。再次感谢：）没问题，很高兴我能帮忙！
<div id="main">

<!--Div1-->
<div class="mosaic-block fade">
</div>

<!--Div2-->
<div class="mosaic-block fade">
</div>

<!--Div3-->
<div class="mosaic-block fade">
</div>

<!--Div4-->
<div class="mosaic-block fade">
</div>

<!--Div5-->
<div class="mosaic-block fade">
</div>

</div> <!--main-->

div#main {
border: #CCCCCC thin solid;
max width: 840px;
height:600px;
min-width: 210px;
border: #CCCCCC thin solid;
margin:0 auto;
max-width: 840px;
}

.mosaic-block {
margin-bottom:50px;
position: relative;
float:left;
margin:4px;
top:50px;

overflow:hidden;
width:200px;
height:200px;
background:#111 url(../img/progress.gif) no-repeat center center;
border:1px solid #fff;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

overflow:auto;