CSS Flex支持Android WebView和iOS UIWebView

根据我的经验。我正在尝试使用CSS Flex功能来调整多行工具栏按钮以填充整个行宽，它适用于大多数浏览器，除了android WebView和iOS UIWevView，我在我的移动应用程序中使用它们

下面是我正在使用的当前代码

<div class="btn-toolbar text-center" role="toolbar">
  <a href="#" class="btn btn-success">Link 1</a>
  <a href="#" class="btn btn-success">Link 11</a>
  <a href="#" class="btn btn-success">Link 111</a>
  <a href="#" class="btn btn-success">Link 1111</a>
  <a href="#" class="btn btn-success">Link 11111</a>
  <a href="#" class="btn btn-success">Link 111111</a>
  <a href="#" class="btn btn-success">Link 11111</a>
  <a href="#" class="btn btn-success">Link 1111</a>
  <a href="#" class="btn btn-success">Link 111</a>
  <a href="#" class="btn btn-success">Link 111</a>
  <a href="#" class="btn btn-success">Link 11</a>
  <a href="#" class="btn btn-success">Link 111</a>
  <a href="#" class="btn btn-success">Link 1111111</a>
  <a href="#" class="btn btn-success">Link 111111111</a>
  <a href="#" class="btn btn-success">Link 111</a>
  <a href="#" class="btn btn-success">Link 11111</a>
  <a href="#" class="btn btn-success">Link 11</a>
  <a href="#" class="btn btn-success">Link 11111111111</a>
  <a href="#" class="btn btn-success">Link 11111</a>
  <a href="#" class="btn btn-success">Link 1</a>
</div>

那么在Android和iOS网络视图上是否有任何解决方案

---

我花钱请人解决这个问题，这是适用于所有浏览器和操作系统的解决方案

.btn-toolbar{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
} 
.btn-toolbar .btn{
    -webkit-box-flex-grow: 1;
    -moz-box-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

查看以查看flexbox模型的浏览器支持。如果浏览器不支持它，您可以使用多边形填充，如

.btn-toolbar{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
} 
.btn-toolbar .btn{
    -webkit-box-flex-grow: 1;
    -moz-box-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}