css3 - flex 父標簽設置align-item:center,子元素flex：1，不起作用

問題描述

flex 父標簽設置align-item:center,子元素flex：1，不起作用，該元素內容為空的時候，寬度為0，如果父標簽不設置align-item:center，子元素flex：1，是有效的，寬度會填充！大家有遇到過這個問題嗎？

問題解答

這種情況建議你設置width:auto;試試,畢竟align-items:center;是為了配合display:flex來讓子元素(垂直和水平)居中顯示的,如果要求子元素居中了,拿就要設置子元素的寬高