> 웹 프론트엔드 > CSS 튜토리얼 > Internet Explorer 7에서 빈 표 셀 테두리를 표시하려면 어떻게 해야 합니까?

Internet Explorer 7에서 빈 표 셀 테두리를 표시하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-11-12 11:11:01
원래의
789명이 탐색했습니다.

How Can I Make Empty Table Cell Borders Visible in Internet Explorer 7?

빈 셀 테두리 표시용 CSS

질문:

CSS를 어떻게 사용합니까? 셀이 표시되어 있는 경우에도 표 셀의 테두리가 계속 표시되도록 합니다. 비어 있습니까?

특정 상황:

요구 사항은 특히 Internet Explorer 7에 적용됩니다.

답변:

Internet Explorer의 일부 버전에서는 내용이 포함되어 있지 않으면 빈 셀이 표시되지 않을 수 있습니다. 이 문제를 해결하려면:

  • 잘림 방지 공백: 빈 셀에 HTML 잘림 방지 공백 문자( )를 삽입합니다. 이는 일반적으로 공백을 채우고 테두리를 표시합니다.
  • 순수한 CSS 솔루션: Internet Explorer 8 이상에서는 빈 셀 속성이 셀 가시성을 제어합니다. 빈 셀을 표시하려면 표시로 설정하세요. 하지만 IE7에서는 이 속성이 지원되지 않으므로 대체 접근 방식이 필요합니다.

IE7의 경우 빈 셀 테두리를 표시하는 CSS 솔루션이 내장되어 있지 않습니다. 해결 방법:

  • 콘텐츠 추가: 빈 셀에 작은 점(.) 또는 단일 문자와 같은 최소한의 콘텐츠를 추가하는 것이 좋습니다.
  • 의사 요소 만들기: ::before 또는 ::after 의사 요소를 사용하여 차지하는 보이지 않는 요소를 만듭니다. 빈 공간을 채우고 원하는 테두리를 표시합니다.

위 내용은 Internet Explorer 7에서 빈 표 셀 테두리를 표시하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿