《CSS3靈活的盒子模型(Flexible Box Module)–1》文章已經(jīng)歸檔，站長之家不再展示相關(guān)內(nèi)容，下文是站長之家的自動化寫作機器人，通過算法提取的文章重點內(nèi)容。這只AI還很年輕，歡迎聯(lián)系我們幫它成長：

在需用使用靈活盒子模型的時候，我們需要先把其父容器的Display屬性設(shè)置為box或者inline-box...

我們知道，在默認的情況下，block級元素是按照加載順序從上到下排列，inline級元素是從左到右排列的，但現(xiàn)在通過box-direction屬性我們可以讓最后加載的block級元素顯示在最頂部，最后加載的inline級元素顯示在左邊...

但在使用這個屬性的時候要注意它可能會改變元素的某些屬性，產(chǎn)生一些不能控制的效果...

效果大家可以看這個DEMO...

通過box-ordinal-group為各個容器指定一個序號，默認情況下他們將會按照序號遞增的順序排列...

在上面的CSS里，我把第一和第二個容器的序號都定為2，第三個容器序號為1，因此最終效果應(yīng)該是v3排在第一，v1和v2則根據(jù)加載順序，v1排在v2前面...

......