图片中的图片布局砌体类型

编程问答 2022-06-11

问题描述

我想对图片进行这样的布局，即图片中的外观。我已经使用flex完成了这样的布局，但是我不记得我是怎么做的。此布局与mesonri非常相似。我无法使用mesonry插件，因为此项目禁止这样做。请告诉我是否有人对如何构建这样的图像布局有任何想法。请帮帮我。谢谢。

enter image description here

html：

<div class="photogallery">
                <img src="img1.jpg">
                <img src="img2.jpg">
                <img src="img3.jpg">
                <img src="img4.jpg">
                <img src="img5.jpg">
                <img src="img6.jpg">
                <img src="img7.jpg">
                <img src="img8.jpg">
 </div>

css：

.photogallery {
    display: flex;
    flex-flow: column wrap;
}

.photogallery img {
    width: 100%;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

flexboxflexboxhtmlimageimageimage