>웹 프론트엔드 >CSS 튜토리얼 >CSS에서 그리드 레이아웃과 테이블의 차이점은 무엇입니까

CSS에서 그리드 레이아웃과 테이블의 차이점은 무엇입니까

王林
王林원래의
2020-11-13 09:28:054708검색

Css의 그리드 레이아웃과 테이블의 차이점은 다음과 같습니다. 1. 그리드는 CSS로 구현되고 테이블은 html로 구현됩니다. 2. 그리드는 고정 크기이고 테이블은 가변 크기입니다. 3. 그리드는 패널 요소에서 상속됩니다. , 테이블은 블록 요소에서 상속됩니다.

CSS에서 그리드 레이아웃과 테이블의 차이점은 무엇입니까

Grid는 가장 강력한 CSS 레이아웃 솔루션입니다.

웹 페이지를 그리드로 나누고, 서로 다른 그리드를 결합하여 다양한 레이아웃을 만들 수 있습니다. 이전에는 복잡한 CSS 프레임워크를 통해서만 가능했던 효과가 이제 브라우저에 내장되어 있습니다.

(학습 영상 추천: css 영상 튜토리얼)

CSS 그리드 레이아웃은 래퍼(상위 요소)와 항목(하위 요소)의 두 가지 핵심 구성 요소로 구성됩니다. 래퍼는 실제 그리드이고 항목은 그리드의 내용입니다.

그리드 레이아웃과 테이블의 차이점은 다음과 같습니다.

1. 그리드는 CSS로 구현되고 테이블은 HTML로 구현되며, 가장 중요한 점은 그리드가 IE10+ 브라우저에서만 지원되고 다른 브라우저에서는 지원되지 않는 것 같습니다. 지원

2. 그리드는 고정된 크기이고 테이블 크기는 가변적입니다

3. 그리드는 패널 요소에서 상속되고 테이블은 블록 요소에서 상속됩니다.

관련 권장 사항: CSS 튜토리얼

위 내용은 CSS에서 그리드 레이아웃과 테이블의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.