網(wǎng)站制作NEWS
SCROLL
flex彈性布局教程-13項目屬性align-self
本篇介紹項目屬性 align-self，其作用與align-items相似，但應(yīng)用范圍不同。
align-items設(shè)置于容器，影響所有項目；align-self應(yīng)用于單個項目，可為特定項目自定義交叉軸方向的對齊方式。
align-self語法如下：
此屬性與align-items相仿，以下示例展示其應(yīng)用。
示例1：設(shè)置一個div容器（寬度450px），內(nèi)含3個div項目（flex-basis為50px）。容器align-items屬性設(shè)為flex-start，項目1的align-self屬性設(shè)為flex-end。
運行效果如下：
本節(jié)內(nèi)容總結(jié)：align-self為項目自定義交叉軸對齊方式，實現(xiàn)更精細(xì)布局控制。
標(biāo)簽： flex彈性布局教程13項目屬性alignself
上一篇：京東這種web項目怎么在線升級
多重隨機(jī)標(biāo)簽