KD's Tech Blog

Hi, 我是 KD Chang 張凱迪，我在這書寫我的軟體開發/程式設計技術筆記 | KD 技術部落格

Flexbox 網頁排版技巧入門教學筆記 | 學習筆記

1. Flexbox 簡介Flexbox（Flexible Box Layout）是一種 CSS3 佈局模式，專門用來設計一維的彈性佈局，適用於水平或垂直排列元素，使網頁排版更加靈活且易於維護。 1.1 為何使用 Flexbox？ 彈性調整：元素可根據可用空間動態調整大小。 簡化佈局：減少對 float、inline-block 及 position 依賴。 更好的對齊方式：內建強大的對齊與......

Posted by kdchang on 2024-11-14

Flexbox Froggy 入門教學筆記 | 學習筆記

1. Flexbox 簡介Flexbox（Flexible Box Layout）是一種 CSS3 佈局模式，專門用來設計一維的彈性佈局，適用於水平或垂直排列元素，使網頁排版更加靈活且易於維護。 Flexbox Froggy 透過小青蛙過河遊戲化方式去介紹 Flexbox 使用方式： Level 1Welcome to Flexbox Froggy, a game where you hel......

Posted by kdchang on 2024-07-10

ABOUT ME
KD's Tech Blog 技術部落格 | KD Chang 張凱迪

KD Chang 張凱迪（@kdchang），台灣大學，主修經濟學，臺大資管所畢業。是一個軟體工程師，也是一位 PM 產品/專案經理和教育工作者。曾服務過上市網路軟體公司、上市科技電子公司、台灣 AI 人工智慧新創獨角獸公司，也曾參與數個新創組織的創辦和多個網路產品服務的開發。A Software Engineer, Product/Project Manager & Educator.:)

FRIENDS