Blueprint CSS 그리드 중심 맞춤

청사진 CSS를 사용하기 시작하면서 그리드와 함께 놀았지만 간단한 문제가 있습니다. 내 페이지 상단에 너비가 2 열인 각 링크가있는 네비게이션 바를 만들었습니다 (span-2 사용). css에서 해킹하지 않고 그리드 열 내부에 이러한 링크를 센터링하는 올바른 방법은 무엇입니까?Blueprint 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>

출처

2012-02-20 dcompiled

나는이 같은 헬퍼 클래스를 만들 것이다 :

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>

출처

2012-02-20 21:36:25

그 사실 그렇게 간단, 감사합니다 – dcompiled

Blueprint CSS 그리드 중심 맞춤

답변

관련 문제