《CSS3靈活的盒子模型(Flexible Box Module)–2》文章已經(jīng)歸檔,站長之家不再展示相關(guān)內(nèi)容,下文是站長之家的自動化寫作機(jī)器人,通過算法提取的文章重點(diǎn)內(nèi)容。這只AI還很年輕,歡迎聯(lián)系我們幫它成長:
繼上一篇《CSS3靈活的盒子模型–1》后繼續(xù)深入,說說CSS3里盒子模型的尺寸...
當(dāng)父容器里有多個(gè)帶有box-flex屬性的子容器時(shí),瀏覽器將會把這些子容器的box-flex的值相加,然后根據(jù)它們各自的值占總值的比例,再在父容器剩余的空間里分配它們的尺寸(說的啰嗦,其實(shí)一看DEMO就懂)...
由于使用了box-flex屬性,如果再插入一個(gè)子容器的話,已有的容器寬度將會自動調(diào)整...
box-flex的另一個(gè)強(qiáng)大之處是可以和具有固定尺寸的容器混合使用...
box-pack屬性可以用于設(shè)置子容器在水平軸上的空間分配方式,它共有四種可能值:start,end,justify和center...
在線的DEMO,大家可以Firebug禁用box-align和box-pack屬性看看它們的區(qū)別和效果...
......
本文由站長之家用戶“imbolo”投稿,本平臺僅提供信息索引服務(wù)。由于內(nèi)容發(fā)布時(shí)間超過平臺更新維護(hù)時(shí)間,為了保證文章信息的及時(shí)性,內(nèi)容觀點(diǎn)的準(zhǔn)確性,平臺將不提供完整的內(nèi)容展現(xiàn),本頁面內(nèi)容僅為平臺搜索索引使用。需閱讀完整內(nèi)容的用戶,請聯(lián)系作者獲取原文。
(舉報(bào))