grid布局相关知识总结

采用网格布局的区域，称为 “容器”（ container ），应用元素 display: grid ，容器内部采用网格定位的子元素，称为 “项目”（ item ）
容器里面的水平区域称为 “行” （ row ），垂直区域称为 “列” （ column ），行和列隔开的格子，被称作**“单元格”**，单元格之间存在 “间距” （ gap ），单元格里放 “项目” （ item ），

display: grid / inlinegrid - 设置为grid布局
grid-template-columns - 设置列宽
例子：
grid-template-columns: 1fr 1fr 1fr -宽度平均分为三份
grid-template-columns:repeat(auto-fit ,minmax(350px,1fr)); -表单自适应（350px是一份的位置）
表单自适应demo：

姓名 手机号 案件编号 项目名称 手机号 调解员 身份证号 导入批次 搜索 导出