模板:网格

本模板用于创建网格布局。

• 布局必须以{{网格|开始}}作为开头，以{{网格|结束}}作为结尾。
• {{网格|开始}}可以添加参数'style'，赋予网格特性。具体网格布局参数可以查看：CSS Grid 网格布局教程。也可以添加参数'param'，添加更多的属性。
• 中间部分为内容，参数有：
  • 列位置：确定该元素在网格中的列位置，定位方式为该元素左边框与右边框分别在哪个网格线。网格线从左边数起为1、2、3...。表示方法：

    左边框 / 右边框

    （斜杠两边的空格不能遗漏）。忽略斜杠后面就默认只占1列。
  • 行位置：确定该元素在网格中的行位置，定位方式为该元素上边框与下边框分别在哪个网格线。网格线从上边数起为1、2、3...。表示方法：

    上边框 / 下边框

    （斜杠两边的空格不能遗漏）。忽略斜杠后面就默认只占1行。
  • 内容：指定该网格内放置的元素。

例子：

{{网格|开始|style=gap:10px;width:100%;height:400px;}}
{{网格|列位置=1 / 3|行位置=1 / 3|内容=<div style="width:100%;height:100%;background-color:red;"></div>}}
{{网格|列位置=3|行位置=1|内容=<div style="width:100%;height:100%;background-color:green;"></div>}}
{{网格|列位置=3|行位置=2|内容=<div style="width:100%;height:100%;background-color:blue;"></div>}}
{{网格|列位置=1 / 4|行位置=3|内容=<div style="width:100%;height:100%;background-color:yellow;"></div>}}
{{网格|结束}}