html - Angular 6 IE 样式内联

Question

我在一行中得到了这个完美的内联水平 div rendererd:

  <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; }