Internet Explorer 8에서 인라인 블록 디스플레이가 작동하지 않는 이유는 무엇입니까?

Internet Explorer 8의 지속적인 인라인 블록 문제

인라인 블록 지원을 나타내는 설명서에도 불구하고 Internet Explorer 8에서 올바르게 렌더링되지 않을 수 있습니다. 이 문제는 자주 발생합니다. 요소를 가로로 정렬하려고 하면 매니페스트가 발생합니다.

이 문제를 해결하려면 다음을 고려하세요.

올바른 Doctype 설정

다음 Doctype 선언으로 HTML 문서를 시작하세요.

<p>이렇게 하면 IE8이 올바른 렌더링 사양을 준수하게 됩니다.</p><h3 id="코드-예">코드 예</h3><p>다음 CSS 및 HTML 코드를 고려하세요.</p><pre class="brush:php;toolbar:false"><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 중국어 웹사이트의 기타 관련 기사를 참조하세요!