Gird佈局（上）

初步瞭解和瀏覽器支持 使用Grid佈局非常簡單，你只需要給容器（container）定義：display:grid，並設置列（grid-template-columns）和 行（grid-template-rows）的大小，然後用grid-column和grid-row定義容器子元素（grid-item項目）的位置。與flexbox佈局類似，一開始項目的排列順序並不重要，可以放置在容器的任何位置，

>>阅读原文<<