Css 如何创建恒定大小的网格项？

这是我的HTML/CSS：

.grid容器{
显示：网格；
背景色：白色；
颜色：蓝色；
利润率：10px；
高度：200px；
网格模板行：自动；
网格模板列：自动；
}
.grid容器>div{
边框：1px纯黑；
边界半径：2px；
颜色：黑色；
保证金：5px；
}

洛雷姆，伊普苏姆·多洛坐在一位杰出的领袖面前。听写在耳朵的水平上。

您可以这样更改

网格模板行

：

.grid容器{
显示：网格；
背景色：白色；
颜色：蓝色；
利润率：10px；
高度：200px；
网格模板行：重复（9,50px）；
网格模板列：自动；
}
.grid容器>div{
边框：1px纯黑；
边界半径：2px；
颜色：黑色；
保证金：5px；
}

Lorem，ipsum dollorem，ipsum dollorem，ipsum dollorem，ipsum dollorem，ipsum dollorem，ipsum dollorem，ipsum dolor，ipsum dolor坐在同一条直线上。多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆、多洛雷姆，同侧多洛洛雷姆，同侧多洛迪克塔耳水平同侧jsbf ln。

设置网格列宽。“大小”是什么意思：宽度（列）、高度（行）还是两者都有？