Blueprint 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>