父级具有flex-flow时,元素在IE11中不与Flexbox水平居中:列换行;

Question

JSFiddle链接

.thing {
	background-color: tomato;
	max-width: 300px;
	padding: 30px;
	display: flex;
	margin: 0 auto;
	flex-flow: column wrap;
}

.not-centered {
	max-width: 150px;
	background-color: #fefefe;
	margin: 0 auto;
}

<div class="thing">
	<div class="not-centered">
		im not centeredi in ie11
	</div>
</div>

我认为它起作用,因为如果max-width和margin: 0 auto设置.但正如你所看到的那样,它不是水平居中的,因为他的父母.thing有flex-flow: column wrap.

有什么想法在这个设置中解决这个问题？

PS适用于Chrome/FF

Answer 1

包装.not-centered在div与block显示解决了IE11的问题