中央の列からマージンを取り除くときに、divの右端が並んでいない

Question

Blueprint CSSフレームワークを使用しているときに、すべての列間のマージンを削除する必要がありました。残念ながら、これらのマージンを削除すると、すべての列にまたがる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> 

Answer 1

あなたは本当に（私はそれはケースだ疑うが、より多くの情報なしで、私はできません列の間に余白を削除する必要がある場合より多くのヘルプを提供する）、グリッド全体をやり直すことが最善の方法です。ここで青写真のジェネレータがあります。そこには、溝（柱間のマージン）を含む必要なすべての変数を指定できます。http://ianli.com/blueprinter/