Joomla модуль вертикального выравнивания

Question

У меня есть этот модуль Пользовательские HTML с 9 флагов, установленных в положении MainMenu, как вы можете видеть здесь www.jornaldalusofonia.pt

Как я могу дать ему инструкции CSS, так что остается вертикально в середине от бара.

Спасибо, Руи Farinha

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; 
} 

ПРИМЕЧАНИЕ: Вы должны прикрепить свой CSS для flex с помощью инструмента autoprefixer или любого инструмента, который вы выберете. Также обратите внимание, что flexbox не работает с более старыми версиями IE9 и ниже, а также более старыми версиями сафари.