디스플레이의 공통 속성값 소개

공통 속성 값

• 없음: 숨겨진 요소

• block: 블록 수준 요소

• inline-block: 인라인 블록 수준 요소

• list-item: 목록 항목

• 테이블 시리즈 표시

• table

• table-row

• flex(가변 상자)

1. .table{display:table;border-collapse:collapse;border:1px solid #ccc ; }

2. .table-caption{display:table-caption;margin:0;padding:0;font-size:16px;}

3. .table-column-group{display:table-column-group ; }

4. .table-column{display:table-column;width:100px;}

5. .table-row-group{display:table-row-group;}

6. .table-row { 디스플레이:테이블 행;}

7. .table-row-group .table-row:hover,.table-footer-group .table-row:hover{배경:#f6f6f6;}

8. .table - 셀{디스플레이:테이블-셀;패딩:0 5px;테두리:1px 솔리드 #ccc;}

9. .table-header-group{디스플레이:테이블-헤더-그룹;배경:#eee;글꼴-가중치: 굵게 ;}

10. .table-footer-group{display:table-footer-group;}

위 내용은 디스플레이의 공통 속성값 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!