css中grid布局和表格有哪些区别

这篇文章将为大家详细讲解有关css中grid布局和表格有哪些区别，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

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

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

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

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

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

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

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

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

关于css中grid布局和表格有哪些区别就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。