Angular 6 в Internet Explorer - не будет центрироваться Angular Material / Flex? - PullRequest
Новая
       19

Angular 6 в Internet Explorer - не будет центрироваться Angular Material / Flex?

0 голосов
/ 27 сентября 2018

У меня есть таблица внутри div, которая выглядит следующим образом: 

  <div fxLayout="row" class="container" fxLayoutAlign="start center">

Нет связанных CSS - я пробовал разные вещи, но в Internet Explorer, где я должен использовать polyfills, чтобы все работало в любом случае, он просто откажется от центра.

Я обнаружил похожий поток стекового потока, но выравнивание элементов внутри div было другим и не имело отношения к моему варианту использования.

1 Ответ

0 голосов
/ 02 октября 2018

В итоге я завернул все свое приложение в app.component.html следующим образом: 

<div class="container"
         fxLayout="column">
    <div>
      <app-navigation></app-navigation>
    </div>
    <div fxFlexAlign="center" id="routerOutletDiv">
      <router-outlet></router-outlet>
    </div>
  </div>

Затем, в моем компоненте, который я пытаюсь центрировать, мой главный div, где я оборачиваю ВСЕ другиеУ divs есть следующее: 

<div fxFlexAlign="center" class="container" fxLayout="column" fxLayoutAlign="start center" fxLayoutGap="15px">

В то время как у большинства div'ов внутри этого «родителя» есть следующее: 

<div fxFill class="item">

И у некоторых из них, у которых было больше элементов, естьследующее: 

<div fxFill fxLayoutAlign="center" class="item">

Кроме того, добавилось fxLayoutAlign="center" к тексту, в котором были значки, иначе он не хотел центрироваться.Но мне не нужно было добавлять дополнительные CSS или трогать другие свойства.

...