網(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。
運(yùn)行效果如下:
本節(jié)內(nèi)容總結(jié):align-self為項目自定義交叉軸對齊方式,實現(xiàn)更精細(xì)布局控制。
標(biāo)簽: flex彈性布局教程13項目屬性alignself
上一篇:京東這種web項目怎么在線升級
多重隨機(jī)標(biāo)簽
猜你喜歡文章
跨境電商新監(jiān)管方式開啟試點
哪個網(wǎng)站新聞更新快
鄭州云網(wǎng)科技有限公司關(guān)于云網(wǎng)科技
蜂鳥配送是什么
筆記軟件Notability-簡介|免費(fèi)和付費(fèi)區(qū)別|分屏|替代軟件
全國有幾個藥都銀行
東方美學(xué)肖像畫AIGC
河南耒耜文化傳媒有限公司怎么樣
靠譜的硅單晶公司有哪些
浙江云盛之巢網(wǎng)絡(luò)科技有限公司怎么樣
PS里怎么制作表格啊
北京口碑最好的裝修公司排行