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