怎樣堆棧中的圖像垂直

我試過很多次，他們總是有一個設置水平線它們分開，我不能（在谷歌搜索等）打通

我的CSS

#gallery{ 
    display: flex; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    align-items: flex-end; 
    justify-content: space-around; 
    align-content: space-around; 
    flex-wrap: nowrap; 

} 
#gallery img{ 
    max-width: 100%; 
    align-self: flex-end; 
    padding: 5px; 
    box-sizing: border-box; 
}

我已經嘗試添加彈性增大和縮小爲1，一旦我改變柔性包裝到NOWRAP他們只是擡高到全尺寸

我想最終，使用T他的方法在這裏顯示索引圖像 http://setch.me/

來源

2017-07-01 Krim

[masonry.js]（https://masonry.desandro.com/） –

嘗試此鏈接https://codepen.io/AdamBlum/pen/fwrnE – akhilesh0707

@ krim，請展示您的嘗試（HTML和CSS），以便社區能夠指出您錯誤的位置並指導您朝正確的方向發展。 –

-1

實現圖像堆疊的唯一方法是使用Javascript。

有兩個Javascript庫可以幫你實現魔法。

來源

2017-07-01 07:57:29

[來自評論]（https://stackoverflow.com/review/suggested-edits/16581376）：您不應該將標記添加到與您的answer_的_方法相關的問題。雖然錯字修正確實沒問題，但我也回覆了他們，因爲國際海事組織，這個問題的另一個問題：到目前爲止，主題所有者已經嘗試了什麼（標記，CSS，庫等）。一個問題應該以此爲基礎。 –

除此之外，你應該[不只發佈鏈接，但展示如何使用這些庫/框架]（https://stackoverflow.com/help/how-to-answer）。 –

@ try-catch-finally發佈的鏈接包含足夠的信息和**如何比任何人都可以產生更好的**。 –

怎樣堆棧中的圖像垂直

回答

相關問題