iT邦幫忙

2022 iThome 鐵人賽
DAY 12
0
影片教學

從麻瓜變成前端魔法師系列 第 12 篇

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

14th鐵人賽 css display flex
360 瀏覽

  • 分享至 

  • xImage
    •  

Yes

設定 display: flex; 以後，其下的 子元素 會 橫向排列 。

實作並介紹 justify-content 屬性（flex 元素與主軸對齊），
值包含 flex-start 、 flex-end 、 center 、 space-between 、 space-around 、 space-evenly 。

若想知道更多資訊，可參考文字敘述：
Day12【每天5分鐘】學前端 | CSS display 顯示類型

感謝收看，我們明天見囉～～～ /images/emoticon/emoticon29.gif


上一篇
Day11【從麻瓜變成前端魔法師】CSS display 顯示類型
下一篇
Day13【從麻瓜變成前端魔法師】CSS flex 排列實作
系列文
從麻瓜變成前端魔法師 共 30 篇
  1. 26
    Day26【從麻瓜變成前端魔法師】JS 三元運算子
  2. 27
    Day27【從麻瓜變成前端魔法師】切版實作(上集)
  3. 28
    Day28【從麻瓜變成前端魔法師】切版實作(中集)
  4. 29
    Day29【從麻瓜變成前端魔法師】切版實作(下集)
  5. 30
    Day30【從麻瓜變成前端魔法師】RWD 簡易實作
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙