簡體   English   中英

角材料彎曲中心和右對齊

[英]angular material flex center and right align

我正在使用角度flexbox創建頁腳。
在中心,我有一些信息,在右邊,我有徽標。
現在,信息應在整個頁面上居中放置,徽標應在右側對齊。
到目前為止,這是可行的,但是信息位於其自己的容器內部,而不是整個div的中心。
如何使用flexbox解決此問題? (請不要使用取消位置的解決方案,而只能使用flex)

<footer fxLayout="row"
fxLayoutAlign="space-between center">
<div class="info" fxFlex>
  <section>
    <span>Straatlaan 48 | 3500 Hasselt</span>
    <span>011 / 58 96 47</span>
    <span>0487 96 54 18</span>
  </section>
  <section>
    <span>KBC BE36 0014 7993 8372</span>
    <span>BTW 123.423.312</span>
    <span><a routerLink="/">Algemene voorwaarden</a></span>
    <span><a routerLink="/">Privacy</a></span>
  </section>
</div>
<div class="logo">
 <img src="assets/img/logo-footer.png"
    alt="">
</div>
</footer>

信息位於其自己的div內,而不是沿整個寬度居中: 在此處輸入圖片說明

我通過將其包裝在div中使其工作

<div fxFlexAlign="end">
   <button>...</button>
</div>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM