flex佈局之骰子案例

此案例用flex佈局實現，有利於幫助我們掌握flex語法的使用。 首先是1—3的點數，結構相同 html： css： 運行效果： 接下來是點數4，因爲flex適合做一維的佈局，我們就把點數4的結構分爲兩行來操作 html： css： 注： 垂直是主軸的時候：默認情況下，當寬高不寫的時候，寬度由父容器決定，高度由內容決定，所以這裏我們要給box4下的div 每行50%的高度。 運行效果： 最後是點數

>>阅读原文<<