角6IE风格内嵌

Question

我连续得到了这个完美的内联水平divs：

  <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，您可以添加一些混合器来支持旧的浏览器，例如内联-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; }