Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css joomla类别博客视图-文章的不同高度_Css_Joomla - Fatal编程技术网

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

Css joomla类别博客视图-文章的不同高度,css,joomla,Css,Joomla,我们正在使用Joomla3.3,并将首页作为分类博客视图。像这样: 我们有不同高度的文章,我们希望它看起来像这样: (分类对我们来说并不重要,但我们在文章之间没有任何空间) 我们怎样才能做到这一点?设置?插件 我们正在使用protostar模板。尝试查看以下链接: 它会帮助你做你想做的事 添加信息: 如果您的HTML如下所示: <div class="masonry"> <div class="item">Lorem ipsum</div> &l

我们正在使用Joomla3.3,并将首页作为分类博客视图。像这样:

我们有不同高度的文章,我们希望它看起来像这样:

(分类对我们来说并不重要,但我们在文章之间没有任何空间)

我们怎样才能做到这一点?设置?插件


我们正在使用protostar模板。

尝试查看以下链接:

它会帮助你做你想做的事

添加信息:

如果您的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>
.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
应该是每一篇文章,而
.mashine
应该是所有文章的包装。

请添加更多信息,而不是只提供链接答案。