时间戳

首页 > 解决方案 > 角度材料弯曲中心和右对齐

css - 角度材料弯曲中心和右对齐

问题描述

我正在使用 angular flexbox 创建页脚。
在中间我有一些信息，在右侧我有一个标志。
现在信息应该沿着整个页面居中，并且徽标应该向右对齐。
到目前为止，这是可行的，但信息集中在它自己的容器内，而不是沿着整个 div。
如何用 flexbox 解决这个问题？（请不要绝对解决方案，只需弯曲） 

<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 内居中，而不是沿整个宽度居中： 在此处输入图像描述

标签： cssangularflexbox

解决方案

我通过将它包装在一个 div 中来让它工作

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

推荐阅读