Internet Explorer 8에서 인라인 블록 디스플레이가 작동하지 않는 이유는 무엇입니까?-CSS 튜토리얼-php.cn

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

Mary-Kate Olsen

풀어 주다： 2024-10-31 23:01:29

원래의

605명이 탐색했습니다.

Why is Inline-Block Display Not Working in Internet Explorer 8?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

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

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

올바른 Doctype 설정

코드 예

결론