2016-10-06 4 views
1

私はあなたがここにwww.jornaldalusofonia.ptJoomlaのモジュールの垂直整列

それが縦に中央で揃えたままので、私はそれをCSSの指示を与えることができますどのように見ることができるように位置MAINMENUに挿入された9つのフラグで、このカスタムHTMLモジュールを持っていますバーの。

が真下やる、これは非常に簡単であるフレックスを使用して、 ルイFarinha

答えて

3

ありがとう:その後、

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

、フォーム入力に余分なマージントップを削除します。

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

注:ツールを使用してフレックスにCSSの接頭辞を付ける必要があります。また、flexboxは古いバージョンのIE9以下で動作しないことに注意してください。古いバージョンのSafariも動作します。

+0

こんにちは、私は位置ツールバーの#jsn-pos-mainmenuを#jsn-pos-toolbarに変更しようとしましたが、それは動作しませんでした... –