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 上没有。在桌面上 运行 时看起来像这样:
当 运行 在小型设备上时,布局将更改为在新行上以全宽显示每个区域:
上亲自查看
我有一个页面,我想在其中放置 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 上没有。在桌面上 运行 时看起来像这样:
当 运行 在小型设备上时,布局将更改为在新行上以全宽显示每个区域: