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

Question

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

如何在不修改这些模块的 PHP 代码的情况下最好地完成这项工作？我认为这可以用 CSS 完成，但我不是 CSS 专家。也许为这两个模块添加的模块类后缀可以使它们看起来无缝连接？如果是这样，我该怎么做？

Answer 1

好吧，看不到 HTML，我会假装这两个组件输出为 <div>与类(class) 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一个接一个地直接将左填充、边框和边距切碎，这样它就与前一个紧靠在一起，并且在视觉上是同一个盒子的一部分。

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