相关疑难解决方法(0)

Flex容器中的文本不会在IE11中换行

请考虑以下代码段:

.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中的已知错误吗?(如果是,将指示指针)

有一个已知的解决方法吗?


这个类似的问题没有明确的答案和官方指针.

css internet-explorer css3 flexbox internet-explorer-11

153
推荐指数
4
解决办法
8万
查看次数

IE CSS显示:内联块渲染问题

我的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搜索,显然它确实如此.

html css internet-explorer rendering

18
推荐指数
3
解决办法
3万
查看次数