css3 - flex 父标签设置align-item:center,子元素flex：1，不起作用

Question

flex 父标签设置align-item:center,子元素flex：1，不起作用，该元素内容为空的时候，宽度为0，如果父标签不设置align-item:center，子元素flex：1，是有效的，宽度会填充！大家有遇到过这个问题吗？

Answer 1

这种情况建议你设置width:auto;试试,毕竟align-items:center;是为了配合display:flex来让子元素(垂直和水平)居中显示的,如果要求子元素居中了,拿就要设置子元素的宽高