Angular 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你可以添加一些mixin来支持旧浏览器，例如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; }