Joomla 模块垂直对齐

Question

我有这个 自定义 HTML 模块，在 ma​​inmenu 位置插入了 9 个标志，您可以在此处看到 www.jornaldalusofonia.pt

我怎样才能给它 CSS 指令，使它在栏的中间保持垂直对齐。

谢谢， 瑞法里尼亚

Answer 1

使用 Flex 这很简单，只需执行以下操作：

#jsn-pos-mainmenu {
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

然后移除表单输入上多余的边距：

.jsn-modulecontainer[class*="display-"] form {
    margin-top:0;
}

注意：您必须使用 autoprefixer 工具或您选择的任何工具为您的 CSS 添加前缀。另请注意，flexbox 不适用于旧版本的 IE9 及更低版本，以及旧版本的 safari。