我有一个是由一大堆的div的图像的网格,在每个格是一个标题,一个小图片和说明。 当电网处于最大宽度,一切都坐在它居中。 当宽度开始改变降至适合在父DIV需要的列数,但我不知道如何把一切都居中(如果可能)。
在这里,我使用的代码的基础:
HTML
<div id="Parent Div">
<Div class="gallery">
<h6 align="center">Title</h6>
<img class="gallery-picture" src="#">
<p>Description</p>
</Div>
<Div class="gallery">
<h6 align="center">Title</h6>
<img class="gallery-picture" src="#">
<p>Description</p>
</Div>
<Div class="gallery">
<h6 align="center">Title</h6>
<img class="gallery-picture" src="#">
<p>Description</p>
</Div>
<Div class="gallery">
<h6 align="center">Title</h6>
<img class="gallery-picture" src="#">
<p>Description</p>
</Div>
</div>
这里是CSS:
#Parent Div{
margin-left:auto;
}
.gallery{
margin-top:40px auto;
padding-bottom:20px;
width:235px;
float:left;
height:350px;
}
.galley-picture{
display:block;
text-align:center;
margin:10px auto 0;
width:200px;
}
.gallery p{
text-align:center;
margin:10px auto 10px;
padding: 0 21px 0 21px;
}