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>

以网格为中心的蓝图CSS

1 个答案: