css - 使两个 Joomla 模块显示为一个具有单个轮廓边框的模块？

Question

我有两个 Joomla 模块职位。它们堆叠在相同的模块位置。我需要将这两个模块作为单个显示模块显示在网页上，并用单个边框包围所有模块。

如果不修改这些模块中的任何一个的 PHP 代码，如何才能最好地实现这一点？我想这可以用 CSS 完成，但我不是 CSS 专家。也许为这两个模块添加的模块类后缀可以使它们看起来无缝连接？如果是这样，我该怎么做？

Answer 1

好的，在看不到 HTML 的情况下，我将假装这两个组件<div>与 class 一起输出为 s themodule，并且应用了一些填充、边框和边距，如下所示：

.themodule {
    padding: 1em;
    border: 0.1em solid black;
    border-right: 0;
    margin: 2em;
}

如果你添加这个：

.themodule + .themodule {
    padding-left: 0;
    border-left: 0;
    border-right: 0.1em solid black;
    margin-left: 0;
}

这意味着.themodule在另一个之后的任何直接将得到左侧填充、边框和边距，因此它与前一个直接对接，并且在视觉上是同一个框的一部分。

希望您可以申请您的案件，但如果您有任何问题，请告诉我。