gpt4 book ai didi

jquery - collagePlus 网格不适合容器

转载 作者:行者123 更新时间:2023-11-28 08:51:29 25 4
gpt4 key购买 nike

我正在尝试使用 collagePlus JQuery 插件制作图像网格。这应该适合容器内一个 div 中的所有图像。但是,当我尝试插入多于 4 张图像时,它超出了容器的高度以适合图像,而不是减小图像尺寸以适合容器。

代码:

<html>
<link rel='stylesheet' href="css/collage.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.collagePlus.js"></script>
<div style='height:200px; width:100%;max-height:200px;'>
<div class="Collage">
<img src="four.png"/>
<img src="four.png"/>
<img src="four.png"/>
<img src="four.png"/>
<img src="four.png"/>
<img src="four.png"/>
<img src="four.png"/>
<img src="four.png"/>

</div>
</div>
<script>
$('.Collage').collagePlus({'allowPartialLastRow' : true});
</script>
</html>

如果有人知道为什么会发生这种情况以及我可以做些什么来解决它,我将不胜感激。

最佳答案

尝试为每一行使用目标高度

$('.Collage').collagePlus(
{
// change this to adjust the height of the rows
'targetHeight' : 100,
// change this to try different effects
// valid effets = effect-1 to effect-6
'effect' : "effect-1"
}
);

关于jquery - collagePlus 网格不适合容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29893451/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com