在IE上没有使用flexbox的换行符

Question

当您使用不同的浏览器运行此代码段时，您可以看到IE不应用换行符。

我忘记了什么或如何解决这个问题？

div {
  height: 200px;
  width: 200px;
  display: block;
  background-color: blue;
  color: #fff;
  padding: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}

<div>
  <h1>
  Title
  </h1>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </p>
  <a>Button</a>
</div>

Answer 1

得到解决方案..

这个简单的css系列正在帮助我。

p {
  display:inline-block;
  width:100%;
}

Answer 2

添加＆＃34;宽度：100％;＆＃34;对paragraf

div p { width: 100%; }

你不需要＆＃34;显示：阻止＆＃34;在div中，因为＆＃34;显示：flex;＆＃34;覆盖这个。

IE 9,8不是suporrt＆＃34;显示：flex;＆＃34;