Internet Explorer에서 'display: table-cell' 높이가 일관되게 작동하지 않는 이유는 무엇입니까?

디스플레이의 IE 불일치: 테이블-셀 높이

데이터 표시를 위한 테이블을 동적으로 구성하기 위해 많은 개발자가 다음을 사용합니다. 표시 속성: 테이블, 테이블 행 및 테이블 셀. 이 접근 방식은 일반적으로 대부분의 브라우저에서 예상되는 결과를 생성하지만 IE는 특이한 불일치를 나타냅니다.

이 테이블 레이아웃을 구현할 때 IE에서 일반적인 문제가 발생합니다. 디스플레이에 설정된 높이 속성: 테이블 셀 요소가 무시됩니다. 이로 인해 콘텐츠가 의도한 범위를 벗어나 넘쳐 원하는 결과에서 벗어나게 됩니다.

CanIUse가 IE8에서 이러한 디스플레이 속성을 완벽하게 지원한다고 제안했지만 실제 경험에서는 그렇지 않은 것으로 나타났습니다. 문제는 IE8뿐만 아니라 IE11까지의 모든 버전으로 확장됩니다.

CSS 2.1 사양에 따르면 디스플레이: 테이블 행 및 디스플레이: 테이블 셀 요소의 높이에 대한 백분율 값 동작은 그대로 유지됩니다. 한정되지 않은. 이로 인해 브라우저 간 구현에 불일치가 발생할 여지가 있습니다. 결과적으로 순수한 CSS 해결 방법에만 의존하는 것은 상호 운용성을 보장하지 않기 때문에 문제가 됩니다.

IE8 호환성을 위해 원하는 높이 동작을 달성하려면 JavaScript 또는 비 CSS 기반 접근 방식이 필요하다는 것이 분명해졌습니다. 테이블 셀. Microsoft Connect에서 문제를 제기하면 인식이 높아질 수 있지만 행동 변화가 구현될 때까지 대체 솔루션을 모색해야 합니다.

위 내용은 Internet Explorer에서 'display: table-cell' 높이가 일관되게 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!