Liferay 6 - 将 Web 内容显示 Portlet 居中

Posted 2023-02-22

【中文标题】Liferay 6 - 将 Web 内容显示 Portlet 居中

【英文标题】：Liferay 6 - Center the Web Content Display Portlet

【发布时间】：2016-05-19 15:27:47

【问题描述】：

我对 Liferay 完全陌生，我终于设置了我的第一个 Web 内容 Portlet，我让它显示了一个 Web 内容资产。我的资产只是一条带有图片的一句话消息，所有图片都包含在单个 Web 内容中。当我在控制面板上预览我的 Web 内容资产时，它居中，但现在我可以在实际站点的 portlet 中看到它，整个资产位于屏幕左侧。如何将资产居中到屏幕中间？

我玩过配置/外观，但没有任何东西可以简单地做到这一点。我看到我必须使用自定义 CSS 框，但我对 CSS 的了解很少/几乎没有，根据我对 CSS 的了解，您必须知道要应用属性的类的名称，而我不知道知道我需要在其中应用中心属性的 portlet 的节点/名称。

有人可以告诉我如何将我的 portlet 放在屏幕中间吗？

【问题讨论】：

您的页面布局是否为 1 列 (100%)？

当我将其设置为 1 列布局时，它解决了问题。谢谢。

【参考方案1】：

我将页面布局更改为“1 列”，并将其置于 portlet 的中心。

【讨论】：

检查 liferay.com/web/olaf.kock/blog/-/blogs/… 以在您拖放列时获得布局列的提示（使用文章末尾的纯 CSS 版本）