怎样堆栈中的图像垂直

我试过很多次，他们总是有一个设置水平线它们分开，我不能（在谷歌搜索等）打通

我的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发布的链接包含足够的信息和**如何比任何人都可以产生更好的**。 –

怎样堆栈中的图像垂直

回答

相关问题