План CSS центрирования в сетке - PullRequest
Новая
       9

План CSS центрирования в сетке

2 голосов
/ 21 февраля 2012

Только что начал использовать 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>

1 Ответ

3 голосов
/ 21 февраля 2012

Я бы создал вспомогательный класс следующим образом:

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