Php 使转换后的joomla模板在主要内容中显示2列

我已经按照以下步骤将html/css模板转换为joomla模板：

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

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

我什么都试过了，但都没用

---

我必须输入什么php或css代码才能使我的文章在主要内容中显示在2-3列中，而不是一列一列地显示在另一列中，尽管并非所有浏览器都支持，但您可以（应该）使用它。它与IE10+、Opera 11.1+（标准语法）和Firefox 2+、Chrome 4+、Safari 3.1+（供应商前缀）配合使用。对于其他浏览器，您可以使用

示例用法 HTML（index.php）

---

请看这个答案，你认为它只适用于css代码吗？也不需要任何phhp代码吗？我的index.php页面是这样的：css代码在哪里有帮助？抱歉，我对CSS有点生疏。为了更好地理解，我添加了一个示例。如果您设置了主页菜单项的列参数，您将看到页面中的标记相应地发生了变化。可以根据需要设置这些类的布局样式。请看，你能给我发送整个css添加吗？据我所知，它只需要css更改。也不需要php代码。这是真的吗？抱歉，这不是一对一的支持论坛。你所需要的就是我的回答。是的，它只是调整

index.php

并将CSS添加到相应的CSS文件中。

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

#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;
}