我想在 960 gs 12 col 中制作这样的页面
我写了 html:
<div class="container_12">
<div class="grid_6"><img src="images/x.jpg" /></div>
<div class="grid_6"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1 suffix_6"><img src="images/x.jpg" /></div>
</div>
但这看起来像这样:
知道怎么做吗?
最佳答案
每个网格都有边距并显示为内联。您需要将每组 div 放入单独的列中,并使用 alpha omega 类分别删除第一个/最后一个 div 的边距。
<div class="container_12">
<div class="grid_6">
<div class="grid_6 alpha omega"><img src="images/x.jpg" /></div>
<div class="grid_1 alpha"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1"><img src="images/x.jpg" /></div>
<div class="grid_1 omega"><img src="images/x.jpg" /></div>
</div>
<div class="grid_6">
<img src="images/x.jpg" />
</div>
</div>
关于html - 列上的 960gs 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10279483/