css中grid布局和表格有什么区别-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

css中grid布局和表格的区别是：1、grid是在css中实现的，表格是在html中实现的；2、grid是固定大小的，表格是大小可变的；3、grid继承自面板元素，表格继承自块元素。

网格布局（Grid）是最强大的 CSS 布局方案。

它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。

（学习视频推荐：css视频教程）

CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。

grid布局和表格的区别如下：

1、grid是在CSS中实现，而table是在HTML中实现的，而且最重要的，grid貌似只在IE10+浏览器被支持，其他浏览器都不支持

2、grid是固定大小的，table大小可变

3、grid继承自面板元素，table继承自块元素

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者