悬停时的边距底部不适用于砌体？

Question

我只是想知道是否有办法重新创建类似this 的内容（将鼠标悬停在报价条目上）。我一直在寻找几个小时来研究如何创建类似的东西，但我真的找不到答案。

这是我的 js：

$(function () { var $container = $('#content'); $container.masonry({ itemSelector: '#entry', columnWidth: 155 }); });

当您将鼠标悬停在 #entry 上时，我不知道还有什么可以添加到 margin-bottom 上。

Fiddle

请帮忙？谢谢你。 xx

Answer 1

用砖石很难达到效果。我用 salvatore.js http://jsfiddle.net/umws6nrk/16/ 让你成为了一个小提琴

开箱即用完美。

您只需要在正文底部添加脚本，并在 css 中

#content[data-columns]::before {
    content: '2 .column.size-1of2';
}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of2 { width: 50%; }