問題描述

flex 父標(biāo)簽設(shè)置align-item:center,子元素flex：1，不起作用，該元素內(nèi)容為空的時(shí)候，寬度為0，如果父標(biāo)簽不設(shè)置align-item:center，子元素flex：1，是有效的，寬度會(huì)填充！大家有遇到過(guò)這個(gè)問題嗎？

問題解答

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