Question

使用Blueprint CSS框架时，我想删除所有列之间的边距。不幸的是，当我删除这些边距时，任何跨越所有列的div现在看起来都比已删除边距的那些行上的div的总组合宽度宽。对于那些有很多列的行，效果会更差。

对于那些我使用全部24列的行，我希望div的右边缘排成一行。是否可以解决这个问题，而无需诉诸一堆蓝图黑客，或者没有手动调整容器或其他东西只需要正确数量的像素来解释缺少的边距？

Head in Code：

<style type="text/css">
        .topnav{background-color:blue;}
        .logo{background-color:yellow;}
        .icons{background-color:orange;}
        .search{background-color:red;}
</style>

正文中的代码：

<div class="container">
        <div class="span-24 first last top topnav">Top Nav</div>
        <div class="span-5 first logo">Logo</div>
        <div class="span-3 append-8 icons">Icons</div>
        <div class="span-8 last bottom search">Search</div>
</div>

Answer 1

如果你真的需要删除列之间的边距（我怀疑是这种情况，但没有更多信息我无法提供更多帮助）那么最好的办法就是重做整个网格。这是一个蓝图生成器，您可以在其中指定所有需要的变量，包括装订线（列之间的边距）：http://ianli.com/blueprinter/

当从中间列移除边距时，div的右边缘没有排列

1 个答案: