用于显示产品的网站上的css问题

Question

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

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

这是我正在讨论的页面的哪个部分的屏幕截图

这是织机视频，我添加了浮动，但悬停效果只在第一行有效，而不在第二行和

之后

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

Answer 1

使用此：

.masonry.four-col .project-post {
    width: 24.98%;
    float: left;
}

Answer 2

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

更改project-post类的css。

使用此css。

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

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