本文源自 Mozilla 開發(fā)者網(wǎng)絡(luò)。 在文章中 ,作者將向你介紹 Flexbox 的布局模式,文中還提供了瀏覽器兼容性圖表供你查閱。
一個(gè)完整的 Flexbox 指南(作者:Chris Coyier)
或許, 這個(gè)完整的 Flexbox 指南 能讓你了解關(guān)于 Flexbox 的一切。文章中包含了大量的實(shí)例,能助你更快地掌握它。
譯者注:中文翻譯 —— 【 傳送門 】
如何開始使用 CSS Flexbox(作者:Paul Underwood)
這個(gè)教程 將指導(dǎo)你利用 CSS Flexbox 從設(shè)置簡單的布局開始,逐步帶你掌握更復(fù)雜的布局實(shí)例。
CSS3 Flexbox 屬性可視化指南(作者:Dimitar)
這本可視化指南 ,不僅能夠幫助你了解 CSS3 Flexbox 的基本概念,而且能夠向你展示 Flexbox 的各個(gè)屬性是如何影響頁面布局的。
譯者注:中文翻譯 —— 【 傳送門 】
什么是 Flexbox ??。ㄗ髡撸篧es Bos)
這個(gè)教程將利用 20 個(gè)免費(fèi)視頻來助你解鎖 Flexbox 布局的技能!有時(shí)候,通過視頻教程的學(xué)習(xí)往往比復(fù)雜的探討效果要好很多。