1

如何在 Liferay 中使用固定大小的列进行布局？

我知道如何使用 CSS 对其进行样式设置，但是将 CSS 文件放在 Layout 项目中的哪个位置？

可能已经有匹配的样式aui.css了，我可以以某种方式使用它们吗？

什么更好：将样式嵌入.tpl文件或使用 CSS 文件？

最后

我只是在我的主题中通过 id 重新定义了列的样式：

.columns-3 #column-1 {
    width: auto;
}

.columns-3 #column-2 {
    width: 840px;
}

.columns-3 #column-3 {
    width: auto;
}
4

2 回答 2

2

如何在 Liferay 中使用固定大小的列进行布局？

您可以使用内联样式来固定.tpl文件中列的宽度。粗糙但有效:-)

我知道如何使用 CSS 对其进行样式设置，但是将 CSS 文件放在 Layout 项目中的哪个位置？

我认为您不能在布局中包含 CSS 文件。CSS 文件可以进入主题。您可以.tpl使用将出现在主题 CSS 中的自定义 CSS 类进行修改。

可能已经有匹配的样式aui.css了，我可以以某种方式使用它们吗？

我不认为您可以使用具有固定宽度的样式，而且这个主题似乎是在使用 AUI javascripts 时自动生成的（如本文所述）。

什么更好：将样式嵌入 .tpl 文件或使用 CSS 文件？

CSS 文件总是更好，因为它为您提供了通过不同主题更改样式的很大灵活性。因此，您的布局将根据应用的主题是动态的。因为造型基本上是主题的工作。

于 2013-06-05T10:08:13.870 回答
0

根据您的要求，您应该使用插件 sdk 布局创建布局，这样更灵活。

如果您觉得要应用 CSS，则必须将类应用到 .tpl 文件，并且应将其各自的 CSS 添加到主题 custom.css 文件中。

只是好奇，您正在创建什么类型的固定布局。？

于 2013-06-06T05:35:22.427 回答