css grid 布局总结

[JesseZhao1990]

flex是一维布局，grid是二维布局，grid比flex更强大，但是目前浏览器的支持度还不是太好 https://caniuse.com/#search=grid

• display
• grid-template-columns
• grid-template-rows
• grid-template-areas
• grid-column-gap
• grid-row-gap
• grid-gap
• justify-items
• align-items
• justify-content
• align-content
• grid-auto-columns
• grid-auto-rows
• grid-auto-flow
• grid

https://www.jianshu.com/p/d183265a8dad

[JesseZhao1990]

css单位fr

fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配