Apex - 将页面划分为相等的高度方块

时间:2016-11-15 11:46:44

标签: grid flexbox oracle-apex

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

报告#1,报告#2

报告#3,报告#4

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

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

1 个答案:

答案 0 :(得分:0)

是的,这很简单。

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

  

报告#1,报告#2

     

报告#3,报告#4

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

enter image description here

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

enter image description here

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

上自行查看