响应瓷砖网格与静态瓷砖宽度

时间:2015-01-11 12:23:56

标签: html css responsive-design

我正在尝试使用静态磁贴宽度执行响应式磁贴网格。

我不会说英语,所以我试图解决我的问题。

Image is here

我需要在中间放置瓷砖网格,但不要将单个瓷砖居中。

我希望你明白我的需要,谢谢你的回复。

1 个答案:

答案 0 :(得分:0)

我想这就是你想要的。请检查此Fiddle

HTML:

 <div class="wrapper">    
    <div class="box">
    </div>
    <div class="box">
    </div>
    <div class="box">
    </div>
    <div class="box">
    </div>
    <div class="box">
    </div>
    <div class="box">
    </div>
</div>

CSS:

.wrapper{
    width:80%;
    border:solid 1px #000;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.box{
    margin:5px;
    height:150px;
    width:100px;
    float:left;
    border:solid 1px #000;
}