圖片沒有排隊，他們應該在哪裏？

我已經搜索了一個答案，但似乎無法找到任何東西（也許即時使用錯誤的關鍵字）。我正在使用以下網格系統的Bootstrap。 22個網格，每個寬度爲47px，每個網格之間的邊距爲0.這意味着每4個網格總共有188px。每4個網格包含兩個圖像，一個1px垂直條和一個187px徽標。圖片沒有排隊，他們應該在哪裏？

這應該足以同時顯示兩個圖像，但徽標不斷被踢倒。如果我將class="pull-left"放在垂直條上，徽標將返回到它們應該在的位置，直到我縮小瀏覽器窗口的最小尺寸以調整流體行的大小。

起初我以爲它可能只是一個寬容/舍入問題的列，所以我讓我的圖像5px更小，但沒有改變任何東西。任何可能導致這種情況或如何解決它的想法？唯一適用於此的css是標準bootstrap.css樣式表，最大主體寬度爲1040px。

<div class="row-fluid "> 
    <div class="span4 offset1"> 
     <img src="img/verticalBar.jpg"> 
     <img src="img/logo1.jpg"> 
    </div> 
    <div class="span4"> 
     <img src="img/verticalBar.jpg"> 
     <img src="img/logo2.jpg"> 
    </div> 
    <div class="span4"> 
     <img src="img/verticalBar.jpg"> 
     <img src="img/logo3.jpg"> 
    </div> 
    <div class="span4"> 
     <img src="img/verticalBar.jpg"> 
     <img src="img/logo4.jpg"> 
    </div> 
    <div class="span4"> 
     <img src="img/verticalBar.jpg"> 
     <img src="img/logo5.jpg"> 
     <img src="img/verticalBar.jpg"> 
    </div> 
</div>

這就是頁面當前的樣子。紅色箭頭表示徽標應該去的地方。 enter image description here

來源

2013-02-20 Cheech

可以請你告訴測試頁？ – Shail 2013-02-21 02:31:18

我上傳了這個到我放置的域名。 http://costumepuppy.com/ – Cheech 2013-02-21 15:18:11

對我來說看起來很完美..在ff – Shail 2013-02-21 15:27:10

-1

嘗試添加該到你的CSS：

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q,  samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section { 
    margin:0; 
    padding:0; 
    border:0; 
    outline:0; 
    font-size:100%; 
    vertical-align:baseline; 
    background:transparent; 
}

來源

2013-02-20 23:15:30 jimmy

這不起作用:(它不是一個填充/邊框/邊距問題。我很確定它與列的大小調整徽標圖像的方式有關。 – Cheech 2013-02-21 15:57:53

圖片沒有排隊，他們應該在哪裏？

回答

相關問題