文章詳情頁(yè)
css3 - flex 父標(biāo)簽設(shè)置align-item:center,子元素flex:1,不起作用
瀏覽:81日期:2023-06-28 13:34:46
問(wèn)題描述
flex 父標(biāo)簽設(shè)置align-item:center,子元素flex:1,不起作用,該元素內(nèi)容為空的時(shí)候,寬度為0,如果父標(biāo)簽不設(shè)置align-item:center,子元素flex:1,是有效的,寬度會(huì)填充!大家有遇到過(guò)這個(gè)問(wèn)題嗎?
問(wèn)題解答
回答1:這種情況建議你設(shè)置width:auto;試試,畢竟align-items:center;是為了配合display:flex來(lái)讓子元素(垂直和水平)居中顯示的,如果要求子元素居中了,拿就要設(shè)置子元素的寬高
標(biāo)簽:
CSS
排行榜

熱門標(biāo)簽