常做前端網頁開發的人應該很常使用到div內物件置中的排版方式，方法有很多種，今天阿宅要教大家透過Flex(彈性盒子)的語法將div內的物件調整為「水平置中」及「垂直置中」的方法。
標籤: Flex
- 沒有分類
分享「Flex(彈性盒子)」語法使用教學與方法，文章圖文並茂，讓大家能夠快速解決網站開發問題。
![[CSS Flex]div 水平及垂直置中語法](https://www.tokfun.net/wp-content/uploads/2020/09/css-flex-div-center-850x446.png "[CSS Flex]div 水平及垂直置中語法")
![[CSS Flex]透過Flex(彈性盒子)達到左右分割效果](https://www.tokfun.net/wp-content/uploads/2020/08/css-flex-div-half-850x446.png "[CSS Flex]透過Flex(彈性盒子)達到左右分割效果")
[CSS Flex]透過Flex(彈性盒子)達到左右分割效果
話說最近阿宅在做網站排版，想將網頁的內容區分左右兩個區塊，原本想用「float(浮動)」的語法來調整，但基於阿宅我非常的懶，還要調左右浮動太麻煩了~😂，所有就決定透過「Flex(彈性盒子)」來切割兩個區塊，順便和大家分享調整的語法。
