joomla类别博客视图-文章的不同高度

Question

我们正在使用Joomla3.3，并有一个类别博客视图的头版头条。像这样：https://docs.joomla.org/images/a/ad/Table-blog-layout.jpg

我们有不同高度的文章，我们希望它看起来像这样：https://docs.joomla.org/images/5/57/Standard-joomla-blog-layout.jpg

(排序对我们来说并不重要，但我们在文章之间没有任何空间)

我们怎么能做到这一点？设置？插件？

我们使用的是原星模板。

Answer 1

试着看看这个链接：http://w3bits.com/css-masonry/

它应该能帮你做你想做的事。

添加信息：

如果您的HTML如下所示：

<div class="masonry">
   <div class="item">Lorem ipsum</div>
   <div class="item">Neque, vitae</div>
   <div class="item">Incidunt sit unde</div>
   <div class="item">Lorem ipsum dolor</div>
   <div class="item">Lorem temporibus!</div>
   <div class="item">Ab, adipisci</div>
</div>

那么CSS应该如下所示：

.masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.item {
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

因此，.item应该是每一篇文章，.masonry应该是所有文章的包装器。