属性描述displaydisplay：grid/inline-grid；生成 一个块级 / 内联网格；grid-template-rowsgrid-template-rows: 25% 100px 1fr；定义网格的行宽，三行，宽度分别是 5% 100px 1fr；（空格间隔）grid-template-columnsgrid-template-columns: 40px 50px auto 50px 40px；定义网格的列宽，五行，宽度分别是上述值。（空格间隔）grid-template-areas定义网格模板，一个点号（.）代表一个空单元格。这个 语法本身可视作网格的可视化结构。grid-template-areas: "header header header header" "main main . sidebar" "footer footer footer footer";grid-column-gap指定网格线（grid lines）的大小。你 可以把它想象为设置列/行之间间距的宽度。grid-row-gap指定网格线（grid lines）的大小。你可以把它想象为设置列/行之间间距的宽度。grid-gapgrid-column-gap 和 grid-row-gap 的简写语法。到此这篇grid布局和flex布局（grid布局兼容）的文章就介绍到这了,更多相关 内容请继续浏览下面的相关 推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/rfx/31846.html