100％的div問題，在左，右

建立一個網頁，我跑了一些麻煩，所以here's回事什麼不必要的空間內大小的圖像，100％的div問題，在左，右

林建設使用bootstrap's頁面電網，但只有電網。

香港專業教育學院做了工作人員頁，我想通過側4張方，每個圖像之間小幅度，圖片應爲1的正方形方面：1

我的繼承人：HTML;

<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 "> 
        <img src="img/product.jpg"> 
        </div> 
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 "> 
        <img src="img/product.jpg"> 
        </div> 
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 "> 
        <img src="img/product.jpg"> 
        </div> 
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 "> 
        <img src="img/product.jpg">

在div內的圖像在1裁剪：1

，並具有以下的css：

max-width: 100%; max-height: 100%; 
position:relative; 
display:block;

繼承人的問題，由於某些原因，像不到風度填寫div，圖像的中心位置每邊大約有一個em空間，導致圖像之間不需要的邊距。

另外我怎樣magin的div之間，而不的div之一跳下，當每個DIV爲寬度的20％。

我沒有足夠的信譽發表圖片尚未：/

來源

2015-04-01 Thomas Ravnholt

試圖IMG響應？ – argentum47 2015-04-01 08:00:04

引導增加了一個自動填充到各欄的左邊和右邊。您需要通過創建一個類來定義圖像每一邊的新填充項來覆蓋它。 – Kinburn101 2015-04-01 08:01:34

非常感謝親屬有在左側和右側，刪除它，現在它工作的15px的填充！ ;） – 2015-04-01 08:04:08

嘗試以下方法：在你的CSS創建一個名爲.nopadding類（或任何你想要的）指定下列值給它padding-left:0; padding-right:0;然後將其添加到<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 nopadding"> 玩它，直到你得到期望的結果。

來源

2015-04-01 08:04:42 Kinburn101

100％的div問題，在左，右

回答

相關問題