gpt4 book ai didi

jquery - 网站上用于展示产品的 CSS 问题

转载 作者:行者123 更新时间:2023-11-28 03:31:02 24 4
gpt4 key购买 nike

我正在以下网站上工作,因为网站主页运行良好,唯一的问题是:此图像部分中的图像应该连续显示 4 个,但 css 没有这样做,如果我强制它 float :左,悬停效果只适用于前四个产品,而不适用于所有产品。

这是网站链接http://sinaimarble.com/beta/?init=1

这是我正在谈论的页面那部分的屏幕截图

enter image description here

这是织机视频,我添加了 float 但悬停效果仅在第一行有效,而不在第二行和之后

https://www.useloom.com/share/55327cbb265743f39c2c442c029277e0

最佳答案

以下解决方案对您有帮助。

更改 project-post 类的 css。

使用这个 CSS。

.masonry.four-col .project-post {
width: 24.84%;
display: inline-block;
}

希望这个解决方案对您有所帮助。

关于jquery - 网站上用于展示产品的 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44733915/

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