【建站服务】湖北省襄阳网站建设-襄阳网络公司-优化-制作-设计推广-襄阳网站建设服务中心-域名申请
作者: 风兰 . 阅读量: 4 . 发表时间:2022-09-21 00:37:10
上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
湖北省襄阳网站建设-襄阳网络公司-优化-制作-设计推广-襄阳网站建设服务中心

网格容器包含网格项目。
默认情况下,容器在每一行的每一列都有一个网格项目,但是您可以设置网格项目的样式,让它们跨越多个列和/或行。
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 属性是 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-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 列:
湖北省襄阳网站建设-襄阳网络公司-优化-制作-设计推广-襄阳网站建设服务中心
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)
关键词:网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站


