grid栅格布局
发布时间:2020-12-24 19:02:29 所属栏目:资源 来源:网络整理
导读:之前用来布局的方法: 1、table布局 2、float浮动及 position定位布局,需要考虑对其他元素的影响 3、flex弹性盒模型布局,可以解决排列方向,对齐方式,自适应尺寸的问题 现在学习一种新的布局方法:Grid布局,网格布局。是基于二维网格的布局系统,网格内
分配网格线名称必须用放括号,然后后面紧跟网格轨道的尺寸值。定义网格线名称时需要避免使用规范中出现的关键词,以免导致混乱。 grid-template-rows: [row--start] 1fr [row--start] 1fr [row--end]; grid-template-columns: [col--start] 1fr [col--start] 1fr [col--start] 1fr [col--end];使用网格线名称设置网格项目位置和使用网格线号码设置网格项目位置类似,引用网格线名称的时候不应该带方括号 (编辑:衡阳站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |