gpt4 book ai didi

css - 越来越溢出 : hidden to behave itself

转载 作者:太空宇宙 更新时间:2023-11-04 16:18:04 24 4
gpt4 key购买 nike

我正在尝试实现一个简单的图像轮播,但我无法阻止图像下降到下一行。这是我的 CSS:

#gallery-wrap{margin: 0 auto; overflow: hidden; width: 532px; position: relative; float: left;}
#gallery{position: relative; left: 0; top: 0; float: left;}
#gallery li{float: left; margin: 0 20px 15px 0;}
#gallery li a img{border: 4px solid #40331b; height: 175px; width: 60px; float: left;}

#gallery-controls{margin: 0 auto; width: 732px; float: left;}
#gallery-prev{float: left;}
#gallery-next{float: right;}

这是我的 HTML:

<div id="gallery-wrap"> 

<ul id="gallery">

</ul>
</div>
<div id="gallery-controls">
<a href="#" id="gallery-prev"><img src="prev.png" alt="" /></a><a href="#" id="gallery-next"><img src="next.png" alt="" /></a>
</div>

我试图一次显示 5 张图片,其余的隐藏起来。然后单击上一个和下一个按钮使用 jQuery 来回滚动它。现在,当有超过 5 张图像时,开始下降到下一行而不是隐藏。

最佳答案

嗯,是的。如果您在 #gallery-wrap 上指定了一个 height 值,它将隐藏超出该高度的子元素。如果您不这样做(并且您没有这样做),那么 #gallery-wrap 将和它的子项需要的一样高。

#gallery-wrap 上设置一个 height 就可以了。

关于css - 越来越溢出 : hidden to behave itself,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7133709/

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