透過 margin: auto，將 flex item 推到容器邊緣

學習

音樂藝文

以行動支持創作者！付費即可解鎖

軟體開發

Bonjour à tous，我本身是法文系畢業，這邊會刊登純文組學習網頁開發的筆記。如果能鼓勵更多文組夥伴一起學習，那就太開心了~

蕭宇廷的沙龍

透過 margin:auto 自由移動 flex item

在上一篇文章-跟著KP用21天征服Responsive Layout-W2-Flexbox基礎-flex-item的伸縮 。我們提到了flex-item的width會由自身的內容長度決定。這其實是件很不可控的事情，所以我們在開發上會傾向於對flex-item設置width。



flex-item

職場產業

歡迎來到我的部落格！這裡是一個分享前端開發、貓咪寫真以及與菲律賓女友生活的文化衝擊與英文學習的個人空間。我熱愛前端技術，喜歡追求最新的網頁開發趨勢，並將這些知識分享給大家。




Shang的 前端開發筆記

跟著KP用21天征服Responsive Layout-W2-Flexbox基礎-flex-item的width與對齊

在學習了flexbox的起手式之後，讓我們來檢視與優化html結構吧。





<section class="three-col"> 	
<div class="container">   	
	<div class="row">    <!-