除了盒子模型以外,還有彈性盒子模型(flex),也是用來網頁布局的。彈性盒子可以代替浮動來完成頁面的布局,優勢是可以解決高度塌陷問題。
彈性容器:要使用彈性盒必須将一個元素設定為彈性容器,用display來設定,display:flex 或display:line-flex
flex-direction是指在容器中彈性元素的排列順序(row row-reverse column column-reverse ),是給彈性容器設定該屬性。
作者:小換哥,轉載請注明原文連結
除了盒子模型以外,還有彈性盒子模型(flex),也是用來網頁布局的。彈性盒子可以代替浮動來完成頁面的布局,優勢是可以解決高度塌陷問題。
彈性容器:要使用彈性盒必須将一個元素設定為彈性容器,用display來設定,display:flex 或display:line-flex
flex-direction是指在容器中彈性元素的排列順序(row row-reverse column column-reverse ),是給彈性容器設定該屬性。
作者:小換哥,轉載請注明原文連結