html - 在 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%;
}