이전 IE 브라우저와 호환되는 CSS 전용 테이블을 만들려면 어떻게 해야 합니까?

CSS 전용 테이블 생성: IE 제한 극복

여기에 제기된 질문은 HTML의

이 문제를 해결하려면 다음 CSS 클래스를 활용할 수 있습니다.

.div-table {
  display: table;
  width: auto;
  background-color: #eee;
  border: 1px solid #666666;
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;
  width: 200px;
  background-color: #ccc;
}

이러한 클래스는 올바른 디스플레이를 지정하여 호환성을 향상시킵니다. 테이블, 테이블 행, 테이블 열의 속성.

업데이트된 코드 조각:

다음 HTML 및 CSS 코드는 업데이트된 구현을 보여줍니다.

HTML:

  

이 CSS 클래스 사용 , IE7 이하 버전에서도 테이블이 제대로 렌더링됩니다.
위 내용은 이전 IE 브라우저와 호환되는 CSS 전용 테이블을 만들려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!