Oracle APEX - 模板“卡片”中卡片之间的空间

Posted 2023-05-09

【中文标题】Oracle APEX - 模板“卡片”中卡片之间的空间

【英文标题】：Oracle APEX - Space between cards in template "Cards"

【发布时间】：2020-02-06 09:15:07

【问题描述】：

我需要更改卡片间距（在 CSS 中）。我已经设法更改了样式中的水平边距，而垂直边距我无法更改。 （顶点 19.2）

示例：https://apex.oracle.com/pls/apex/f?p=93624:1

【参考方案1】：

我不确定你的确切名字是否相同，但无论如何你应该都能找到它。

当您检查列表时，它应该是一个<ul> 元素。

这是孩子<li class="t-Cards-item"> 有<div class="t-Card">

您可以更改.t-Card 类的样式以实现您想要的。

将margin-left 或margin-right 设置为您想要的值应该可以解决问题。

编辑：刚刚查看了您的链接，它确实有效。 我在屏幕截图中附加了我的意思的元素。它已经有margin: 8px，但是如果你添加左右margin，你可以改变卡片之间的空间。

【讨论】：

用您示例中元素的屏幕截图更新了我的答案。它确实有效。

仍然无法正常工作：apex.oracle.com/pls/apex/f?p=93624:1 我在 .t-Card margin-left 和 right 0 中添加了样式。

没关系。你必须删除它： width: 100%; （旧：宽度计算（100% - 16px）；

这里有一个隐藏的边距！