请考虑以下代码段:
.parent {
display: flex;
flex-direction: column;
width: 400px;
border: 1px solid red;
align-items: center;
}
.child {
border: 1px solid blue;
}Run Code Online (Sandbox Code Playgroud)
<div class="parent">
<div class="child">
Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>
<div class="child">
Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>
</div>Run Code Online (Sandbox Code Playgroud)
在Chrome中,文本按预期包装:
但是,在IE11中,文本没有包装:
这是IE中的已知错误吗?(如果是,将指示指针)
有一个已知的解决方法吗?
这个类似的问题没有明确的答案和官方指针.
我的IE代码有一个恼人的渲染问题
CSS:
div {
display: inline-block;
margin-right:40px;
border: 1px solid;
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div>element</div>
<div>element</div>
<div>element</div>
<div>element</div>
<div>element</div>
Run Code Online (Sandbox Code Playgroud)
这是它在firefox/chrome中的外观(预期的显示)

这就是它在IE中的样子

如果IE支持display:inline-block,我用google搜索,显然它确实如此.