從中間列刪除邊距時，div邊緣不對齊

當使用Blueprint CSS框架時，我想刪除所有列之間的邊距。不幸的是，當我刪除這些邊距時，跨越所有列的任何div現在都會顯示爲比刪除了邊距的那些行上div的總組合寬度更寬。對於有許多列的行，效果會更差。從中間列刪除邊距時，div邊緣不對齊

對於那些我使用所有24列的行，我希望div的右邊排隊。這個問題可以解決，而不訴諸一堆Blueprint黑客，或者沒有手動調整容器的大小或只是通過正確的像素數來解決缺少的邊距問題？

守則頭：

<style type="text/css"> 
     .topnav{background-color:blue;} 
     .logo{background-color:yellow;} 
     .icons{background-color:orange;} 
     .search{background-color:red;} 
</style>

代碼在身體：

<div class="container"> 
     <div class="span-24 first last top topnav">Top Nav</div> 
     <div class="span-5 first logo">Logo</div> 
     <div class="span-3 append-8 icons">Icons</div> 
     <div class="span-8 last bottom search">Search</div> 
</div>

來源

2011-10-02 SF1Dev

如果你真的需要刪除列之間的邊距（我懷疑是這樣的話，但沒有更多的信息我不能提供更多幫助），那麼最好的辦法是重做整個網格。這裏是一個藍圖，在那裏你可以指定所有需要的變量，包括排水溝（列之間的保證金）發電機：http://ianli.com/blueprinter/

來源

2011-10-02 17:37:57 deviousdodo

你的評論讓我重新考慮我的設計。我認爲你是不是真的需要刪除利潤率。我很擔心，不應該有一個保證金相鄰的圖像，但這些背景，可以是父div.Your blueprinter建議內完成解決我描述以及問題。謝謝！ – SF1Dev

從中間列刪除邊距時，div邊緣不對齊

回答

相關問題