TAG LI 블록 수준 요소 분석입니까?

높이를 설정할 수 있지만 <h1 /> 요소처럼 보이지 않으면 반 인라인 (인라인 : 인라인 [텍스트]-레벨) 요소 인 것 같습니다. HTML 4는 다음과 같이 설명됩니다.

다음 요소는 블록 레벨 요소를 포함 할 수 있으므로 블록 레벨 요소 로 간주 될 수 있습니다 .

• DD - 정의 설명
• DT - 정의 용어
• 프레임 세트 - 프레임 세트
• Li - 목록 항목
• tbody - 테이블 바디
• TD - 테이블 데이터 셀
• tfoot - 테이블 발
• Th - 테이블 헤더 셀
• THEAD - 테이블 헤드
• TR - 표 행

이 설명에서 <li /> 는 반 인라인 요소 인 것 같습니다. 물론,이 목록에서 <td /> 와 유사한 요소들도 그런 의심을 가져 왔습니다. 오늘 저는 각 브라우저의 기본 CSS를 살펴 보았습니다. 결과는 다음과 같습니다.

여기에서는 기본적으로 명확합니다. IE6/7을 제외한 A 급 브라우저에서는 반 인라인 요소입니다. display:list-item; 실제로 모든 A 급 브라우저가 지원 되더라도 많은 사람들이 사용하지는 않습니다. 왜? 사실, 그것은 쓸모가 없습니다. Quirks 모드에서 PPK는 다음과 같이 말합니다.

display: list-item 요소가 목록 항목으로 표시됨을 의미하며, 이는 주로 숫자가있는 Mac의 IE 5를 제외하고는 UL과 같은 총알이 있음을 의미합니다 (OL과 같은). 숫자는 버그가 있습니다 : 페이지의 모든 이전 Li는 하나로 카운트 하므로이 예제는 5 번으로 시작합니다 (스크린 샷은 호환성 LI를 삽입하기 전에 만들어졌습니다).

라이브 예 : 디스플레이 : BlockDisplay : List-itemDisplay : List-Item

오른쪽. 실제로 이것은 그리 의미가 없습니다. 그러나 그것은 또한 나의 의심 중 하나를 해결했습니다. 공유하십시오. 그러한 의심이 있다면, 다음에 코딩 할 때 버그 나 다른 질문이 있다면 아마도 빨리 반응 할 수 있습니다.