列上的960gs问题
列上的960gs问题
提问于 2012-04-23 19:15:43
我想用960GS 12列做一个这样的页面
我写了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>但这看起来像这样：
你知道该怎么做吗？
Stack Overflow用户
回答已采纳
发布于 2012-04-23 22:02:06
每个网格都会有一个边距，并以内联的形式显示。您需要将每组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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10279483
复制相关文章
相似问题
腾讯云开发者
