鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全  HTML/ 為什么display:flex有align-self可以實(shí)現(xiàn)設(shè)置交叉軸單個(gè)項(xiàng)目的

為什么display:flex有align-self可以實(shí)現(xiàn)設(shè)置交叉軸單個(gè)項(xiàng)目的對(duì)齊方式,卻沒(méi)有主軸的justify-self

我試了一下 google edge firefox 都不支持 justify-self屬性啊,設(shè)置了沒(méi)有效果,如果在父標(biāo)簽設(shè)置 justify-content就有效果,但是我想對(duì)單個(gè)項(xiàng)目設(shè)置效果;

回答
編輯回答
綰青絲

你好，因?yàn)?flex 是一維鋪開(kāi)的，所以在主方向上不像交叉方向那樣每個(gè)項(xiàng)分配有固定的寬度。flex 項(xiàng)在主方向上可以通過(guò) grow 和 shrink 來(lái)調(diào)整個(gè)別的寬度?；蛘吣阋部梢詫?flex direction 垂直過(guò)來(lái)改為 column。最后還可以用二維的 grid 。

2017年1月28日 23:26