取得報價
What is a grid? CSS Grid Layout
04/09 2021

自從css問世以來,網頁排版上一直有些部分需要靠特殊方式或偏門技巧達到,直到flexbox出現,滿足了我們大部分的版面設計,但是flexbox被製作出來時並不是以排版為目的,而是針對導覽列的,因此在複雜的版面時,就會使用大量flexbox來分割每個元素,形成很多巢狀結構,相對的會導致程式不易閱讀。
而grid的出現讓我們可以更輕易的寫出複雜的排版,grid本身就是以排版為目的產生的系統,且grid近幾年的支援度越來越高,大家可以開始嘗試使用grid了,會發現另一片天地。



這邊就不針對grid使用上多做介紹,附上MDN的網址 ,裡面介紹的淺顯易懂。
以及另一個透過簡易遊戲學習grid的網站cssgridgarden
大家熟悉之後以後遇到複雜的排版也不用怕了!