線在IE（Flexbox的）沒有違反

Question

我用下面的技術，垂直居中文本在DIV：

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

這對導航菜單，一個項目看起來像這樣（這是在李項內UL）：

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

但是，垂直對齊工作正常，但我在IE11（可能更老的）的問題。在Chrome和Firefox中，如果文本行比容器的寬度更長，則它會分成兩行，並保持對齊狀態，就像它應該一樣。但在IE中，它不會中斷，它會擴展出div，並與其他導航項重疊。這是爲什麼發生？

Answer 1

您需要在Flexbox內部的元素上添加一個寬度。

很難說出你想要做什麼確切的方法，以及爲什麼你使用這種方法來實現這個目標，但你可能需要將flexbox放置在li中的錨標籤上，或者添加一個段落標籤div爲了讓你可以把寬度直接添加到div的東西不起作用。

下次嘗試提供更多的驗證碼。