角材料弯曲中心和右对齐

Question

我正在使用角度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中居中，而不是在整个宽度上居中：

Answer 1

我通过将它包装在div中来使其工作

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

Answer 2

.container {
  display: flex;
  justify-content: space-between;
}

<div class="container">
  <div></div>
  <div>B</div>
  <div>C</div>
</div>