將內嵌塊div粘貼到另一個內嵌塊div的底部

這裏是我需要解決的情況。我真的不知道該用什麼。這是可能的CSS或我們需要使用jQuery？將內嵌塊div粘貼到另一個內嵌塊div的底部

<div class="parrent_wrap"> 
    <h1></h1> 
    <div></div> 
</div> 

.parrent_wrap 
{ 
    text-align: left; 
    display: inline-block; 
    width: 265px; 
    margin-right: 10px; 
    vertical-align: top; 
    border: 1px solid black; 
}

enter image description here

來源

2013-10-08 user2779986

你能發佈一個更完整的代碼示例嗎？它只有一個div，所以沒有任何對齊。圖像中的每個框都是.parrent_wrap？ – Einacio

它也有包裝div – user2779986

你在找什麼叫磚石。退房http://masonry.desandro.com/

您將需要稍微修改一下代碼並將元素左移，但它應該可以解決問題。

來源

2013-10-08 15:04:32

請注意，如果你有不規則大小的塊，你可能想看看一些磚石的「後代」，以實現沒有'洞'的網格 - 我個人喜歡[同位素]（http：//isotope.metafizzy .co）與[perfectmasonry]（https://github.com/zonear/isotope-perfectmasonry）佈局插件。他還製作了一個名爲[packery]（http://packery.metafizzy.co/）的東西，它在很多方面都更加先進，但不一定非常有用 – Ennui

在這種情況下，因爲列是固定的，所以您會收到所需的結果。這就是說有很多好的插件可用於完美的砌體。我寫了其中一個;） –

將內嵌塊div粘貼到另一個內嵌塊div的底部

回答

相關問題