IE8에서 인라인 블록이 제대로 작동하지 않는 이유는 무엇입니까?

IE8 디스플레이: 인라인 블록 오류 해결

IE8에서는 인라인 블록에 대한 명백한 지원에도 불구하고 일부 사용자에게 인라인 문제가 발생합니다. 표시하다. 이 문제를 해결하려면 HTML 태그 앞에 doctype이 선언되어 있는지 확인하세요.

다음 코드는 IE8에서 inline-block의 사용법을 보여줍니다.

<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>

이 코드는 의도된 것입니다. Google Chrome과 같은 브라우저에서 볼 수 있듯이 범위 및 목록 요소를 인라인으로 정렬합니다. 그러나 IE8 사용자는 문서 유형이 부족하여 잘못된 정렬을 경험할 수 있습니다. IE8에서 적절한 표시를 보장하려면 다음 선언을 코드의 첫 번째 줄에 추가하세요.

<code class="html"><p>이 문서 유형은 문서가 HTML5 표준을 준수함을 IE8에 알려 표시 문제를 해결하고 요소를 올바르게 정렬합니다. 의도대로.</p></code>

위 내용은 IE8에서 인라인 블록이 제대로 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!