小编Kev*_*eri的帖子

使用连字符和Flexbox的Microsoft Edge错误

此代码显示了两个div容器。在与该ID的DIV a的display: flex;设置。两者都使用激活了连字-ms-hyphens: auto;。但是在IE或Edge中,连字符仅在未连接flexbox的div上有效。如预期的那样,它在Chrome和Firefox中运行良好。

div {
  max-width: 100px;
  background: red;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 10px;
}
#a {
  display: flex;
}
Run Code Online (Sandbox Code Playgroud)
<article>
  <div id="a" lang="en">
    Incomprehensibilities 
  </div>

  <div id="b" lang="en">
    Incomprehensibilities 
  </div>
</article>
Run Code Online (Sandbox Code Playgroud)

https://codepen.io/anon/pen/jmGxJZ

有人有解决方案吗?

css internet-explorer flexbox css-hyphens microsoft-edge

4
推荐指数
1
解决办法
809
查看次数