互联网上的每个人都在谈论mansorny,它的高度是自由的,宽度是相同的。
我需要创建mansonry,其中高度是恒定的,宽度不受限制。
我的目标是这种布局,可以在Microsoft Photos webapp上找到。
我最好的选择是什么来实现这种布局,我能做到这一点的css纯,也许css网格?有没有人创建了类似的东西,并且有一些示例或教程可供参考?
发布于 2018-07-25 07:04:42
<style>
.container{
width: 100%;
height: auto;
margin: auto;
padding: 0px;
position: relative;
overflow: hidden;
}
.container div{
height: 100px /*the Height you want*/;
position: relative;
float: left /*You can use display:inline-block*/;
overflow: hidden;
padding: 0px;
}
.container div img{
height: 100%;
position: relative;
}
</style>
<div class="container">
<div>
<img src="" alt="">
</div>
</div>
https://stackoverflow.com/questions/51508627
复制相似问题