0

我已按照以下步骤将 html/css 模板转换为 joomla 模板：http ://www.tobacamp.com/tutorial/5-easy-steps-converting-html-template-to-joomla-template/ 。

但是，它没有说明如何使主要内容显示两列或三列而不是一列（如报纸等）。

我希望我的 Joomla 主页的主要内容在 2 或 3 列中显示文章。仅在主要内容中。

我已经尝试了一切，但不起作用。

我必须输入什么 php 或 css 代码才能让我的文章显示在主要内容的 2-3 列中，而不是在另一列下

4

1 回答 1

0

尽管并非所有浏览器都支持，但您可以（应该）为此目的使用CSS 多列。它适用于 IE10+、Opera 11.1+（标准语法）和 Firefox 2+、Chrome 4+、Safari 3.1+（供应商前缀）。对于其他浏览器，您可以使用JS 库。

示例用法

HTML (index.php)

...
<jdoc:include type="message" />
<div id="content">
    <jdoc:include type="component" />        
</div>
...

CSS

#content {
    -webkit-column-count: 3;
    -webkit-column-width: 75px;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #fff;
    -moz-column-count: 3;
    -moz-column-width: 75px;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #fff;
    -o-column-count: 3;
    -o-column-width: 75px;
    -o-column-gap: 20px;
    -o-column-rule: 1px solid #fff;
    column-count: 3;
    column-width: 75px;
    column-gap: 20px;
    column-rule: 1px solid #fff;
}
于 2013-05-13T11:45:24.790 回答