CSS3是前端開發中常用的樣式表語言,它可以實現眾多的效果。其中,平分布局就是一種非常受歡迎的效果,可以讓頁面布局更加美觀和整潔。
代碼如下: .container{ display:flex; justify-content:space-between; }
上面的代碼是實現平分布局的核心代碼。可以看到,我們使用了flex布局,并設置了justify-content屬性為space-between。這個屬性可以讓flex子元素之間均分空間,從而實現平分布局。
假設我們有三個元素需要平分布局,那么我們只需要把這三個元素放在一個容器內,設置上面的代碼就可以實現平分布局效果。
如果我們需要讓元素垂直平分布局,只需要將justify-content屬性設置為center即可。
總之,通過使用CSS3的flex布局和相關屬性,我們可以很方便地實現平分布局效果,從而讓我們的頁面更加美觀和整潔。
上一篇css 圖片 左上角
下一篇css 圖標 疊加圖片上