IE 中没有换行（flexbox）答案

【问题标题】：Line not breaking in IE (flexbox)IE 中没有换行（flexbox）
【发布时间】：2015-03-14 11:10:51
【问题描述】：

我使用以下技术将 DIV 中的文本垂直居中：

.nav-wrap>ul>li>a div{
    height: 100%;
    display: flex;
    justify-content: center;
    align-content:center;
}

用于导航菜单，其中一项如下所示（在 UL 中的 LI 项内）：

<a href="#" data-dropdown="training"><div>Online Training/Resources</div></a>

但是，垂直对齐在 IE11 中可以正常工作，但我在 IE11（可能还有较旧的版本）中遇到了问题。在 Chrome 和 Firefox 中，如果文本行比容器的宽度长，它会分成两行并保持对齐，就像它应该的那样。但在 IE 中，它不会中断，它会扩展到 div 之外，并与其他导航项重叠。为什么会这样？

【问题讨论】：

【解决方案1】：

您需要在弹性框内的元素上添加宽度。

很难说出您正在尝试执行的确切方法以及为什么使用此方法来实现该目标，但是您可能需要将弹性框放在 li 中的锚标记上或在 div 中添加段落标记为了得到一些东西，你可以把宽度直接添加到 div 上是行不通的。

下次尝试提供更多代码。

【讨论】：