Grid 顶点-将一页分成高度相等的正方形

Grid 顶点-将一页分成高度相等的正方形,grid,flexbox,oracle-apex,Grid,Flexbox,Oracle Apex,我有一个页面,我想在其中放置4个报告,以便使报告具有相同的高度和宽度,当然是完全响应的 报告1,报告2 报告三,报告四 我正在使用Apex 5.0,在我看来,我必须使用网格。因此,我将所有4个报告放在同一行和同一列中,冷跨度为12。 我正在尝试使用flexbox,但设置外部元素时遇到问题 有没有办法使用Apex的内置网格获得相同的结果?是的,这非常简单 如果希望区域在桌面上每行显示2个,如示例所示: 报告1,报告2 报告三,报告四 然后将所有列的跨距设置为6(以便它们占据6/12个网格列=1/2

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

报告1,报告2

报告三,报告四

我正在使用Apex 5.0,在我看来,我必须使用网格。因此,我将所有4个报告放在同一行和同一列中,冷跨度为12。 我正在尝试使用flexbox,但设置外部元素时遇到问题


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

是的,这非常简单

如果希望区域在桌面上每行显示2个,如示例所示:

报告1,报告2

报告三,报告四

然后将所有列的跨距设置为6(以便它们占据6/12个网格列=1/2页宽),并将“开始新行”属性在1和3上设置为“是”,在2和4上设置为“否”。在桌面上运行时,它将如下所示:

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

你可以在这里亲眼看到