Question

HTML + PHP图片自动排版 怎么实现

电子相册的自动排版，每一页载入一定数量的图片，要按图片长宽比例缩放，刚好占满一页。类似以下图片的效果，横排或竖排根据图片大小缩放，错落有致，实现思路是啥？求指点

Answer 1

.flow-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.flow-wrapper>div {
    padding: 5px;
}
.flow-wrapper>div>img {
    height: 300px;
    width: auto;
}