首頁  >  文章  >  web前端  >  css中grid佈局和表格有什麼差別

css中grid佈局和表格有什麼差別

王林
王林原創
2020-11-13 09:28:054621瀏覽

css中grid佈局和表格的區別是:1、grid是在css中實現的,表格是在html中實現的;2、grid是固定大小的,表格是大小可變的;3 、grid繼承自面板元素,表格繼承自區塊元素。

css中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繼承自區塊元素

相關推薦:CSS教學

以上是css中grid佈局和表格有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn