技術 Day13【從麻瓜變成前端魔法師】CSS flex 排列實作

我們來做下圖的小卡片： 並補充說明 HTML 的 影片 標籤 及 清單 標籤。 清單分兩種：無序清單（unordered list）：使用 <ul&gt...

技術 Day11【從麻瓜變成前端魔法師】CSS display 顯示類型

實作 判斷預設 的 display 屬性（block 或 inline），並更改標籤的 display 屬性（inline-block 和 none）。...

技術 Day12【從麻瓜變成前端魔法師】display: flex;

設定 display: flex; 以後，其下的 子元素 會 橫向排列 。 實作並介紹 justify-content 屬性（flex 元素與主軸對齊），值包...

技術 讓我們了解 Flex/Grid的魔法

Flexbox：靈活的單維布局工具 Flexbox，正如其名，是一個為了提供更大靈活性而生的布局模型。它主要解決的是單維布局問題，即行布局或列布局。其核心概念簡...