iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 3
0
Modern Web

師父領進門 修行在個人系列 第 3

Flexbox 應用

  • 分享至 

  • xImage
  •  

另一邊反而寫的更認真,該認真的反而沒那麼用心

上次提到Flexbox可使用的參數, 完整版參考這篇

  • flex container 先display : flex
    • flex-direction, flex-wrap ,flex-flow, justify-content, align-content, align-items
  • flex item
    • order,align-self, flex-grow, flex-shrink, flex-basis (後三者還不太熟之後會在複習)

今天把這兩篇內容跟著做一次,推薦大家跟著做一次,應該就都瞭解了, 很深入
抱歉來不急把他翻譯過來
坐等其他鐵友們的分享

css-tricks
flexbox in webflow


明天會先往pseudo-element 偽元素 探索, Source code慢慢讀, 下禮拜再分享


上一篇
CSS - Flexbox + 計畫更動
下一篇
重拾鐵人- 開戰javascript(1)- DOM基本
系列文
師父領進門 修行在個人30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言