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