CSS設(shè)置每格大小的方法

在CSS中，我們可以使用grid-template-columns和grid-template-rows屬性來設(shè)置每個網(wǎng)格的大小，這些屬性接受一個或多個值，每個值表示一個網(wǎng)格的寬度或高度。

如果您想將一個網(wǎng)格的寬度設(shè)置為200像素，高度設(shè)置為100像素，您可以這樣寫：

grid-template-columns: 200px;
grid-template-rows: 100px;

如果您想設(shè)置多個網(wǎng)格的大小，可以使用逗號分隔每個值，如果您想設(shè)置兩個寬度為200像素、高度為100像素的網(wǎng)格，您可以這樣寫：

grid-template-columns: 200px, 200px;
grid-template-rows: 100px, 100px;

您還可以使用其他單位來設(shè)置網(wǎng)格的大小，如em、rem、vw等，這些單位可以幫助您更靈活地控制網(wǎng)格的大小，以適應(yīng)不同的屏幕和設(shè)備。

grid-template-columns和grid-template-rows屬性僅適用于CSS Grid布局，如果您使用的是其他布局方式（如Flexbox或CSS Frames），則這些屬性將不起作用。