有沒有簡單的方法（即不是完全破解）來重新定位這些元素？

Question

如您在這個小提琴中看到的...

http://jsfiddle.net/mjmitche/xt4aQ/78/

三列有四行，它們在黑色背景下放置不正確。 我希望能夠在黑色背景內重新放置它們。 這與我正在制作的網頁上要執行的操作大致相對應（即，確切的大小可能會更改）。

有沒有一種方法可以使用position: absolute或position: relative或其他方法來使列在黑色背景下居中？

請注意，正如您在小提琴中看到的那樣，我正在使用Twitter bootstrap.css（它帶有很多有用的spans類和確定寬度的行等）。

這是代碼，但是看小提琴可能更容易。 http://jsfiddle.net/mjmitche/xt4aQ/78/

<div class="span8">
    <div class="row">
  <div class="span2">

    </div>
   <div class="span6">
       <div class="row">

       <div class="span2">
           <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
       <div class="span2">
                <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
       <div class="span2">
                <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
        </div>

       <div class="row">

       <div class="span2">
           <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
       <div class="span2">
                <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
       <div class="span2">
                <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
        </div>

       <div class="row">

       <div class="span2">
           <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
       <div class="span2">
                <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
       <div class="span2">
                <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
        </div>

       <div class="row">

       <div class="span2">
           <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
       <div class="span2">
                <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
       <div class="span2">
                <img src="http://dummyimage.com/48x48/fff/fff"/>
        </div>
        </div>
    </div> 
  </div>

</div>

Answer 1

只需在背景中的所有HTML上放置一個包裝器，然后將左右邊距設置為auto。 這使所有內容都以背景為中心。 您還必須設置包裝的寬度。 在這里，我將其設置為290px。

http://jsfiddle.net/xt4aQ/98/