2014-04-01 128 views
1

我不知道如何删除垂直块之间的空白空间。例如:enter image description here删除垂直块之间的空白空间

我希望所有块位于彼此之下。每块有display: inline-block。我尝试了位置和展示,但都是徒劳的。

+0

代码中CSS驱动工具????? – Era

+0

巧妙地使用高度宽度使用%,你可以很容易地实现它,给出图像或视频的文件路径,以便它清晰。 –

+1

只有当你的内容是动态的时候,用CSS才能实现 - 这就是为什么像f.e.这样的解决方案。 jQuery砌体被发明。 – CBroe

回答

1

请首先给我的网址,您可以使用jQuery Masonry

你必须嵌入在你的网站,你可以使用CSS技术来解决这个问题

你可以看到在here

演示

请注意,您可以为这些对象定义一个类并使用CSS代码与它们进行交互,您可以为它们定义特定的高度,请注意图像未正确加载到您的网页中,您必须修复它们第一个 如果你有任何其他问题,请感觉随意问我。

祝你好运。

PS:还有一些其他的替代品存在jQuery的砌体,一个是Isotope,另一个被称为Salvattore

+0

谢谢,这个插件是我需要的。 –

+0

不客气,我很高兴你满意。 – Hbirjand