在OracleApex

Question

我有一个并排有五个区域的屏幕。由于Apex在12个网列的基础上起作用，因此我面临一个问题，其中五个区域并非基本上平均跨越20％。

eact区域占据了12个网格列中的2个网柱，因此总共占据了10个网格柱，其余的2个网格列像下面一样空无一人。

是我可以通过屏幕平均跨越它们的方法，以便两端都没有空间。

用23AI

使用Oracle Apex 24.2

为此使用自己的CSS类，忽略默认的Apex网格列。下面的示例创建了一个容器区域，其中有5个子区域显示在另一个区域。 Flexbox具有很多属性 - 我使用了this网站来熟悉它。 示例：

Answer 1

CSS类

页属性> css>inline

.flex-container {
  display: flex; /* or inline-flex */
  flex-wrap: nowrap;
  overflow: auto; 
}
.flex-item {
    flex-basis: 500px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-grow: 1;

邦纳特地区

创建一个带有“空白具有属性（无网格）”模板的区域，并分配flex-container类：

孩子区域 创建了具有类Flex-item的容器区域的5个子区域

恢复：