Apex - 将页面分成等高的正方形

Apex - Divided a page into equal height squares

我有一个页面,我想在其中放置 4 个报告,以便获得相同的高度和宽度,当然是完全响应的。

报告#1,报告#2

报告#3,报告#4

我正在使用 Apex 5.0,据我所知,我必须使用网格。所以我将所有 4 份报告放在同一行和同一列中,冷跨度为 12。 我正在尝试使用 flexbox 但无法设置外部元素。

有没有办法使用 Apex 的内置网格获得相同的结果?

是的,这很简单。

如果您希望区域像您的示例一样在桌面上每行显示 2 个:

report#1, report#2

report#3, report#4

然后将所有列的跨度设置为 6(这样它们占据 6/12 网格列 = 1/2 页面宽度),并在 1 &3 上将开始新行 属性 设置为是,在 2 和 4 上没有。在桌面上 运行 时看起来像这样:

当 运行 在小型设备上时,布局将更改为在新行上以全宽显示每个区域:

您可以在 this demo on apex.oracle.com

上亲自查看