CSS의 표시 값은 무엇입니까

Display 속성 값은 문서 내 요소의 표시 형식을 정의합니다. Block: 블록 요소로 전체 줄 너비를 차지하며 인라인 요소를 포함할 수 있습니다. 인라인: 인라인 요소는 너비만 설정할 수 있으며 블록 요소를 포함할 수 없습니다. Inline-block : 블록요소와 인라인요소의 특성을 결합한 것으로, 인라인요소를 포함할 수 있다. 없음: 요소를 숨기고 더 이상 문서 공간을 차지하지 않습니다. Flex: 요소 배열과 크기를 제어하는 ​​확장 가능한 컨테이너입니다. 그리드: 여러 열과 행으로 구성된 레이아웃을 생성할 수 있는 그리드 레이아웃입니다. 테이블(Table): 테이블 헤더, 테이블 본체, 테이블 풋으로 구성된 테이블 요소입니다.

CSS의 표시 속성 값

표시 속성은 문서에서 요소의 모양을 정의하고 요소가 표시되는 방식을 결정합니다. 주요 값은 다음과 같습니다.

1. 블록

• 블록 요소, 전체 줄의 너비
• 높이와 너비를 설정할 수 있습니다.
• 인라인 요소를 포함할 수 있습니다

2.

인라인 요소는 한 줄 전체를 차지하지 않습니다
• 너비만 설정할 수 있지만 높이는 설정할 수 없습니다
• 블록 요소를 포함할 수 없습니다

3. 인라인 블록

은 블록 요소 및 인라인 요소
• 는 부분을 차지합니다. 행의 너비
• 는 높이와 너비를 설정할 수 있습니다.
• 는 인라인 요소를 포함할 수 있습니다.

4. 없음

숨겨진 요소
• 요소는 더 이상 공간을 차지하지 않습니다. document

5. Flex

요소 간 공간 할당을 위한 확장 가능한 컨테이너
• 요소의 배열 및 크기를 제어할 수 있습니다.

6. 행 레이아웃요소의 위치와 크기를 제어할 수 있습니다

• 7. Table

데이터를 표시하는 데 사용되는 테이블 요소테이블 헤더, 테이블 본문, 테이블 바닥으로 구성됨

• 기타 값:

런인 list-item

table-cell
• table-column-group
• table-column
• table-footer-group
• table-header-group
• table-row
• table -행 그룹

위 내용은 CSS의 표시 값은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!