Угловой встроенный стиль 6 IE

Question

Я получил этот идеально встроенный горизонтальный рендеринг div'ов подряд:

  <div class="row"  ng-style="{'display': 'inline-flex'}"   *ngIf="resgeceived"> 
     <div ng-style="{'display': 'inline-flex'}"   class="col-md-24 col-sm-24">
        <div [hidden]="show != _NUCBBBIESTE">
           <pcgfdgo [ricBBBste]="nuovBBBeste"></pcgfdgo>
        </div>
        <div [hidden]="show != _RIDDDO "></div> 
     </div>
  </div>

В IE я пробовал эти ng-style, чтобы выровнять их по горизонтали, и пробовал тысячи других способов без удачи.

У меня ничего нет внутри .scss.

Как правильно сделать IE похожим на рендеринг Chrome?

Answer 1

это должно быть -ms-inline-flexbox Вы можете добавить некоторые миксины для поддержки старых браузеров и, например, пример для inline-flex

@mixin inline-flex {
   display: -webkit-inline-box; // ios
   display: -moz-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox; // for IE
   display: inline-flex;
}

%inline-flex { @include inline-flex; }