此代码显示了两个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
有人有解决方案吗?