Internet Explorer 6 및 7에서 `display: inline-block`에 해킹이 필요한 이유는 무엇입니까?

교차 플랫폼 호환성 문제: Internet Explorer 6 및 7의 인라인 블록

디스플레이: 인라인을 시뮬레이션하도록 설계된 inline-block 속성 블록과 같은 표시 속성을 가진 요소는 Internet Explorer 버전 6 및 7에서 호환성 문제에 직면합니다. 자연스러운 인라인 요소와 달리 비인라인 요소는 div와 같은 요소는 인라인 블록 동작을 달성하기 위해 특정 수정이 필요합니다.

Internet Explorer 6 및 7용 솔루션:

이 호환성 문제를 극복하려면 추가 CSS가 필요합니다. 디스플레이 보완: 인라인이 아닌 경우 inline-block 속성 elements:

#yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

• display: inline-block: 원하는 디스플레이 동작을 설정합니다.
• *display: inline: A IE7 및 이전 버전을 대상으로 하는 "안전한" CSS 해킹 버전.
• zoom: 1: IE6/7에서 hasLayout을 제공합니다. 이는 inline-block이 일관되게 작동하는 데 필요합니다.

추가 참고 사항 :

• 이 해결 방법은 특히 사용할 때 유효한 CSS를 유지합니다. 공급업체별 접두사와 함께 사용됩니다.
• 디스플레이에 대한 자세한 내용: 인라인 블록 및 그 복잡성은 관련 문서를 참조하세요.

위 내용은 Internet Explorer 6 및 7에서 `display: inline-block`에 해킹이 필요한 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!