網頁前端工程入門：CSS3 Flexbox 排版基礎教學 By 彭彭

喜歡彭彭的教學影片嗎？點擊「加入」按紐取得更多會員服務哦。
加入會員：https://www.youtube.com/channel/UCguZS-y7codLSt6vpkVdnKg/join

使用最新的 CSS3 Flex 相關設定，協助完成網頁切版的工作，更多 Flex 在回應式設計上的使用方法，請參閱以下影片：

1. CSS3 Flex 容器
1.1 容器基本設定：display:flex
1.2 水平對齊設定：justify-content:flex-start|center|flex-end
1.3 垂直對齊設定：align-items:stretch|flex-start|center|flex-end

2. CSS3 Flex 項目
2.1 固定尺寸項目：flex:none
2.2 彈性尺寸項目：flex:auto

更多教學內容請參考：https://training.pada-x.com/