以网格为中心的蓝图CSS

Question

刚开始使用Blueprint CSS，现在正在使用网格，但有一个简单的问题。我在页面顶部创建了一个导航栏，每个链接2列宽（使用span-2）。什么是正确的方式将这些链接集中在网格列内，而不会攻击css。

<div id="navbar" class="container showgrid"> 
    <div class="span-2 border"> 
     <a href="news" class="caps">News</a> 
    </div> 
    <div class="span-2 border"> 
     <a href="gigs" class="caps">Gigs</a> 
    </div> 
    <div class="span-2 border"> 
     <a href="tunes" class="caps">Tunes</a> 
    </div> 
    <div class="span-2 border"> 
     <a href="mailing-list" class="caps">Email&nbsp;List</a> 
    </div> 
</div> 

Answer 1

我想创建一个辅助类是这样的：

CSS：

.text-center{ text-align:center; } 

HTML：

<div class="span-2 border text-center"> 
    <a href="news" class="caps">News</a> 
</div> 
<div class="span-2 border text-center"> 
    <a href="gigs" class="caps">Gigs</a> 
</div>