Internet Explorer 8에서 인라인 블록 디스플레이가 작동하지 않는 이유는 무엇입니까?
- Mary-Kate Olsen원래의
- 2024-10-31 23:01:29691검색
Internet Explorer 8의 지속적인 인라인 블록 문제
인라인 블록 지원을 나타내는 설명서에도 불구하고 Internet Explorer 8에서 올바르게 렌더링되지 않을 수 있습니다. 이 문제는 자주 발생합니다. 요소를 가로로 정렬하려고 하면 매니페스트가 발생합니다.
이 문제를 해결하려면 다음을 고려하세요.
올바른 Doctype 설정
다음 Doctype 선언으로 HTML 문서를 시작하세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
이렇게 하면 IE8이 올바른 렌더링 사양을 준수하게 됩니다.
코드 예
다음 CSS 및 HTML 코드를 고려하세요.
<code class="css">span, ul, ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
list-style: none;
} </code>
<code class="html"><span>i would want</span> <ul> <li>this</li> <li>on</li> <li>one line.</li> </ul></code>
doctype 선언이 있으면 이 코드는 예상대로 IE8에서 인라인으로 렌더링되어야 합니다.
결론
Internet Explorer의 인라인 블록 렌더링 문제를 해결하려면 올바른 doctype 선언을 추가하는 것이 필수적입니다. 8. 이 간단한 조정을 통해 브라우저는 CSS 스타일을 의도한 대로 해석하고 적용할 수 있습니다.
위 내용은 Internet Explorer 8에서 인라인 블록 디스플레이가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.