-
自動布局算法
查看全部 -
隱式網格軌道
查看全部 -
justify-items 和 align-items 可以用 place-items （垂直，水平）簡寫；justify-content 和 align-content 可以用 place-content（垂直，水平） 簡寫。
stretch 和 start 的區別是，當grid-template-columns設置的列寬為auto時，前者會把item能有多寬就撐開多寬，后者相反，能擠多窄就擠成多窄。
space-around：會使容器左右兩邊有一點點等寬的外邊距，為item列間隙的一半。
space-evenly：會使容器左右兩邊和列之間的間距等寬。
space-between：使得item間隙均等，容器外邊緣無間隙。? ??
查看全部 -
grid-template簡寫
查看全部 -
網格：網格是一組相交的水平線和垂直線，它定義了網格的列和行。我們可以將網格元素放置在與這些行和列相關的位置上。
查看全部 -
簡單易懂，挺好
查看全部 -
grid的屬性： 分為兩波，一波在網格容器中，一波在網格項中。
作用在網格容器中的屬性：
display: 說明哪個是網格容器
grid-template: 網格模板
gap：網格容器和網格容器之間的間隔空隙
items: 網格項的對齊屬性
content : 內容方面的對齊
grid-auto: 對于我們已經定義好的網格模板之外。它會自動生成一個網格
grid：以上1-5項 。 也可以用gird統寫
查看全部 -
Grid布局瀏覽器兼容性
不兼容IE11以下，不建議在移動端使用。查看全部 -
Grid布局的優勢查看全部
-
網格區域的定義
查看全部 -
grid布局優勢
查看全部 -
當元素設置了網格布局，
display：grid? |? inline-grid? |? subgrid；
column、float、clear、vertical-align屬性無效
查看全部 -
課程講的挺好
查看全部 -
grid-template取值示例;
查看全部 -
grid使用場景的劃分示例;
查看全部
舉報