【问题标题】:AEM Grid - How to add spacing between columns in AEM gridAEM Grid - 如何在 AEM 网格中的列之间添加间距
【发布时间】:2021-03-04 04:31:23
【问题描述】:

我们在 6.5.3。就像在 CSS/bootstrap 中一样,有一个属性可以添加网格列之间的间距。我想知道是否有任何方法可以在 AEM Grid 中实现这一点?我们需要添加一些间隙以确保在将内容放置在列网格内时内容不会粘在一起。修改 grid.less 是我们考虑的最后一个选项,但我们想检查是否有来自 AEM 网格的声明方式,例如在某些属性中指定间距。

【问题讨论】:

标签: css grid aem


【解决方案1】:

默认情况下,AEM 网格中没有填充/边距属性,这就是我们在 OOTB 中放置 grid.less 文件的原因。但是,您可以为此在模板中编辑和添加属性。

虽然,这不是最好的方法

如果要在所有网格中添加默认间距,则必须在 grid.less 中进行。

情况会更糟,因为这些变化将是全球性的

更好的方法

我建议创建一个 spacer 组件,而不是在所有网格中添加默认填充。这样,当您不想在网格中填充时,您就不会再次陷入困境。

内容作者可以根据您需要的填充/边距大小在不同组件之间添加一个(或多个)间隔组件。

Customizing AEM Grid

【讨论】:

  • 如果这对您有用,请考虑接受。
猜你喜欢
  • 2018-08-01
  • 1970-01-01
  • 2013-09-15
  • 2016-11-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-06-10
相关资源
最近更新 更多