从CSS3多列项中删除Extra padding，怎么做？

Question

我正在尝试使用CSS3多列创建砌体布局，但有一些问题。最后一项有额外的填充，将底部元素推到底部。我想删除额外的底部填充，以便多列元素具有更窄的底部填充到它下面的元素。这是我想要删除的底部填充。

这是我的问题的图片：

这是标记。

<div class="span8" id="content-wrapper">

  <div class="content" id="container">
    <article class="item"> ... </article>
    <article class="item"> ... </article>
    <article class="item"> ... </article>
    <article class="item"> ... </article>
  </div>

  <nav class="pagination loop-pagination">
    <a class="prev page-numbers" href="#">Previous</a>
    <a class="page-numbers" href="#">1</a>
    <span class="page-numbers current">2</span>
    <a class="page-numbers" href="#">3</a>
    <span class="page-numbers dots">…</span>
    <a class="page-numbers" href="#">5</a>
    <a class="next page-numbers" href="#">Next</a>
  </nav>

</div>

.content {
    overflow: hidden;
    column-count: 2;
    -webkit-column-count: 2;
    column-gap: 25px;
    -webkit-column-gap: 25px;
    column-fill: auto;
    -webkit-column-fill: auto;
}
.item {
    margin-bottom: 3em;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid;
}

这是JSFiddle。有可能吗？感谢。

修改

如果可能的话，我想保持列内容：避免; ，如果删除内部的列断裂，内容会被切断。

http://imgur.com/RRrST41

此外，根据内容大小，额外底部填充的大小也不同。我想要的只是让它像jQuery Masonry一样。

感谢。

Answer 1

试试这个：

.item {
    margin-bottom: .90em;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid; }

更新小提琴：

http://jsfiddle.net/amitkansal/urztrauk/2/

Answer 2

在你的css中评论一行：DEMO

.item {
    margin-bottom: 3em;
    /*-webkit-column-break-inside: avoid;---------->>>>> commented*/
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid;
}

如果满足您的要求，还会更新一行：DEMO

.item {
    margin-bottom: 86px;/*------------>>>>>>>>>> updated*/
    /*-webkit-column-break-inside: avoid;---------->>>>> commented*/
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid;
}

Answer 3

我找到了这样的解决方案并且它为我工作

LoadLibrary