IE8에서 인라인 블록이 제대로 작동하지 않는 이유는 무엇입니까?
- Susan Sarandon원래의
- 2024-10-29 05:59:02535검색
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"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></code>
이 문서 유형은 문서가 HTML5 표준을 준수함을 IE8에 알려 표시 문제를 해결하고 요소를 올바르게 정렬합니다. 의도대로.
위 내용은 IE8에서 인라인 블록이 제대로 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.