发表日期: 2022-05-31 11:03:19 浏览次数:100
湖北省襄阳国际英文域名注册/中文国内域名申请/企业域名服务器空间备案-企业域名

区划名称 | 驻地 | 街道 | 镇 | 乡 | 面积(平方千米) | 行政区划代码 | 邮政编码 |
|---|---|---|---|---|---|---|---|
襄阳市 | 襄城区 | 27 | 74 | 4 | 19626 | 420600 | 441000 |
襄城区 | 真武山街道 | 6 | 2 | 1 | 645 | 420602 | 441021 |
樊城区 | 汉江街道 | 10 | 3 | - | 614 | 420606 | 441002 |
襄州区 | 4 | 31 | - | 2306 | 420607 | 441100 | |
老河口市 | 光化街道 | 2 | 7 | 1 | 1032 | 420682 | 441800 |
枣阳市 | 北城街道 | 3 | 12 | - | 3277 | 420683 | 441200 |
宜城市 | 鄢城街道 | 2 | 8 | - | 2115 | 420684 | 441400 |
南漳县 | 城关镇 | - | 10 | - | 3859 | 420624 | 441500 |
谷城县 | 城关镇 | - | 9 | 1 | 2553 | 420625 | 441700 |
保康县 | 城关镇 | - | 10 | 1 | 3225 | 420626 | 441600 |
子元素(项目)
网格容器包含网格项目。
默认情况下,容器在每一行的每一列都有一个网格项目,但是您可以设置网格项目的样式,让它们跨越多个列和/或行。
grid-column 属性:
grid-column 属性定义将项目放置在哪一列上。
您可以定义项目的开始位置以及结束位置。
注释:grid-column 属性是 grid-column-start 和 grid-column-end 属性的简写属性。
如需放置某个项目,您可以引用行号(line numbers),或使用关键字 "span" 来定义该项目将跨越多少列。
实例
使 "item1" 从第 1 列开始并在第 5 列之前结束:
.item1 {
grid-column: 1 / 5;
}
亲自试一试
实例
使 "item1" 从第 1 列开始,并跨越 3 列:
.item1 {
grid-column: 1 / span 3;
}
亲自试一试
实例
使 "item2" 从第 2 列开始,并跨越 3 列:
.item2 {
grid-column: 2 / span 3;
}
亲自试一试
grid-row 属性:
grid-row 属性定义了将项目放置在哪一行。
您可以定义项目的开始位置以及结束位置。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
注释:grid-row 属性是 grid-row-start 和 grid-row-end 属性的简写属性。
如需放置项目,您可以引用行号,或使用关键字 "span" 定义该项目将跨越多少行:
实例
使 "item1" 在 row-line 1 开始,在 row-line 4 结束:
.item1 {
grid-row: 1 / 4;
}
亲自试一试
实例
使 "item1" 从第 1 行开始并跨越 2 行:
.item1 {
grid-row: 1 / span 2;
}
亲自试一试
grid-area 属性
grid-area 属性可以用作 grid-row-start、grid-column-start、grid-row-end 和 grid-column-end 属性的简写属性。
实例
使 "item8" 从 row-line 1 和 column-line 2 开始,在 row-line 5 和 column line 6 结束:
.item8 {
grid-area: 1 / 2 / 5 / 6;
}
亲自试一试
实例
使 "item8" 从 row-line 2 和 column-line 开始,并跨越 2 行和 3 列: