угловой материал сгибает центр и выравнивает по правому краю - PullRequest
Новая
       13

угловой материал сгибает центр и выравнивает по правому краю

0 голосов
/ 24 августа 2018

Я использую угловой 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, а не по всей ширине: enter image description here

1 Ответ

0 голосов
/ 09 апреля 2019

Я заставил его работать, обернув его в div 

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