Flexbox 應用 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2017 iT 邦幫忙鐵人賽

DAY 3

0

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

Flexbox 應用

2017鐵人賽

2016-12-03 23:50:45

1107 瀏覽

分享至

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

上次提到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 篇

目錄

RSS系列文訂閱系列文

36 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js

IT邦幫忙