不同大小的图像在html css bootstrap中相互调整。
不同大小的图像在html css bootstrap中相互调整。
提问于 2018-09-11 16:58:56
我想创建一个这样的页面"https://imgur.com/a/PS0U15Q“。目前我得到了这个"https://imgur.com/a/Qqq9Ebk“。但是在这种方法中，我不能得到我想要的结果。
我想：https://imgur.com/a/PS0U15Q Current：https://imgur.com/a/Qqq9Ebk
我目前已经尝试过这段代码。
#box-image-div{
/* Prevent vertical gaps */
line-height: 0;
-webkit-column-count: 20;
-webkit-column-gap: 0px;
-moz-column-count: 20;
-moz-column-gap: 0px;
column-count: 20;
column-gap: 0px;
}
#box-image-div img {
/* Just in case there are inline attributes */
width: 100% !important;
height: auto !important;
}<div id="box-image-div">
<img class="box-image" src="http://sty1.stallyons.com/advertising/wp-content/uploads/2018/09/112.png">
<img class="box-image" src="http://sty1.stallyons.com/advertising/wp-content/uploads/2018/09/118.png">
<img class="box-image" src="http://sty1.stallyons.com/advertising/wp-content/uploads/2018/09/113.png">
<img class="box-image" src="http://sty1.stallyons.com/advertising/wp-content/uploads/2018/09/115.png">
</div>
Stack Overflow用户
发布于 2018-09-11 21:21:31
你用来做例子的图片来自于milliondollarscript，如果它不是开源的，可以下载。如果您确实想要这样做，请在这里查看他们是如何做到的：https://gitlab.com/MillionDollarScript/MillionDollarScript
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52272304
复制相关文章
相似问题
腾讯云开发者
