我想使圖像粘在一起的引導，但我不能

但他們看起來像這樣：

這裏是代碼[沒什麼太重要的]：

<img class="img-responsive" src="#" alt="example"> 
<img class="img-responsive" src="#" alt="example"> 
<img class="img-responsive" src="#" alt="example"> 
<img class="img-responsive" src="#" alt="example">

來源

2016-09-17 aamouie01

這真的是2個問題。我建議把它們分開。 – Whothehellisthat

「理想」版本看起來像圖像將有不同的大小。你只是希望他們在同一條路線上彼此相鄰，或者他們想要將自己洗牌，以便他們適合在廣場上，或者是什麼？ – Whothehellisthat

另外，一個簡單的jsFiddle會讓我們開始解決這個問題。 – Whothehellisthat

使用float:left

img{ 

    float:left; 

    }

來源

2016-09-19 10:01:21

所以你不能簡單地拍打類到它解決這個問題。

對於初學者來說，讓第二行（第一張圖片）與右上角的圖片排列並不是微不足道的。重疊使得「困難」

您需要使用職位爲例來實現這一點。

在你的情況下，你應該有一個包含所有四個的div。並且是所有圖像的確切高度/寬度。（你也可以使這個響應會添加更多關於此的信息）。確保這個div也相對定位。

然後相應地放置所有圖像：f/e first image {position：absolute：top：0;左邊：0}接下來應該有權：0底線相同，但頂部與底部相同。

現在你有一個你想要但是沒有響應的靜態結果。

爲了這個工作，你可能會給圖像的大小的百分比。因爲父div是相對的，你可以給這些塊設置一個「寬度：50％」，並且父div可以在這裏擴展，但是這會使jynx的高度變大。在這種情況下，我相信你可以通過給父母div 0的高度來完成這項工作。但底部填充100％。

來源

2016-09-19 10:08:08

我想使圖像粘在一起的引導，但我不能

回答

相關問題