iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
0
自我挑戰組

向CSScoke重新學習CSS系列 第 8

第八天:Flex,淺短了解

  • 分享至 

  • xImage
  •  

觀看金魚都能懂的網頁設計入門:13天

目前而言,flex就是不支援IE,因此維護IE網站時,還是需要了解一下float
有了flex這個東西後,排版變得更加容易,可以很簡單製作出排版

排版練習:
https://codepen.io/mikeyam/pen/zYqyBrx

基礎設定:

只要在父層加入
display: flex;
若要換行再加入
flex-wrap

基本特性:

預設等高
子層有flex item的特性
不會有inline-block問題

延伸學習:

https://wcc723.github.io/css/2017/07/21/css-flex/
https://www.youtube.com/watch?v=_nCBQ6AIzDU&list=PLqivELodHt3hns2-Jq6v2zne2XFUPcSwG&index=1


上一篇
第七天:跨時代屬性box-sizing和Css.reset小知識
下一篇
第九天:定位的學問?
系列文
向CSScoke重新學習CSS30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言