膠水彼此相鄰

無論如何，無論他們擁有什麼樣的尺寸，都可以將divs排序膠水？膠水彼此相鄰

我試圖尋找和float:left作品，但例如黃色DIV上圖中將使棕色和綠色不會出現在像圖像中的位置，但對線下黃色。

我試過使用顯示器：inline-block但它仍然無法正常工作。

.glue-div{ 
    margin-left: 10px; 
    border: 1px solid black; 
    color: orange; 
    float: left; 
    background: #303030; 
}

這裏是代表我的問題是什麼jfiddle：http://jsfiddle.net/sezcY/

單純看DIV 6點的定位。它應該在3以下，並且有很大的餘量。

我想我必須通過JQuery重新安排div的順序嗎？

來源

2013-08-23 FPJ

[masonry]（http://masonry.desandro.com/）做你想做的事嗎？ – Liam

請嘗試http://masonry.desandro.com/ –

謝謝你們都會仔細研究它！ ;）我很抱歉，我不知道這一點，我甚至不知道如何搜索我想要的東西。猜猜我學到了一個新單詞：cascading :) – FPJ

它們是內聯的，增加結果窗格的大小並檢查它。

Image showing they are inline

然而，當與屏幕或本體元件減小的，很少DIV元件可以

修復向下移動到該問題

/* Mobile browsers only */ 
@media only screen and (max-device-width: 480px) { 
    .newsletter_input { 
     width: 320px; 
    } 
    .newsletter_input #form{ 
     font-size:42pt 
    } 
}

變化選擇器

來源

2013-09-21 14:00:33 Sudharsun

如果你想兩個DIV粘在一起，把他們分爲兩個單元格（一排或兩排，只要你喜歡）一張桌子 - 如果您縮小窗口，它們將保持彼此的位置並且不會分開。

來源

2014-05-01 11:30:56

膠水彼此相鄰

回答

相關問題