100%宽度div网格

时间:2013-12-20 22:35:16

标签: html css grid row

我想在网格中对齐160张图片,占据整个网页宽度的100%。

我不能为我的生活找出如何做到这一点,以便每一行保持相互连接。谁能帮助我?

enter image description here

这是我每一行的所在。但是当我添加另一行时,行不会保持在一起。

<div style="width:100%;height:50px;display:table;">
   <div style="display:table-row;">
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
        <div style="display:table-cell;width:6.25%;"></div>
   </div>
</div>

0 个答案:

没有答案