Question

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

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    MyWebView = (WebView)findViewById(R.id.webView);

    WebSettings webSettings = MyWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    MyWebView.loadUrl("https://www.unicodea.com/");
    MyWebView.setWebViewClient(new WebViewClient());
}

@Override
public void onBackPressed()
{
    if (MyWebView.canGoBack())
    {
        MyWebView.goBack();
    }
    else
        super.onBackPressed();
    }
}

在IE中，我尝试过使用这些<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>使它们水平对齐，并尝试了成千上万种其他方式，但没有运气。

.scss中什么也没有。

什么是使IE看起来像Chrome渲染的正确方法？

Answer 1

它应该是 -ms-inline-flexbox ，您可以添加一些mixins以支持旧的浏览器，例如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; }

Angular 6 IE样式内联

1 个答案: