최신 브라우저에서 Flexbox 레이아웃을 지원하지 않는 이유는 무엇입니까?

왜

Flex 레이아웃을 지원합니까?

CSS에서

요소는 플렉스 레이아웃과 관련하여 특별한 경우로 처리됩니다. display: flex 또는 display: inline-flex를 사용하여 스타일을 지정하려는 노력에도 불구하고 각각 블록 또는 inline-block 요소처럼 동작합니다.

이 동작은 Firefox 및 Chrome과 같은 브라우저에서 예상치 못한 결과를 관찰하는 일부 개발자를 혼란스럽게 합니다. , 그러나 Internet Explorer에서는 당황스럽게 작동하는 것을 발견했습니다. 이것은 버그입니까 아니면 의도된 동작입니까?

설명

버그 보고서(Bug 984869 및 Bug 1047590)에 따르면

및 - 특별한 렌더링 동작이 있습니다. Chrome 및 Firefox와 같은 브라우저는 이러한 요소를 CSS로만 구현하지 않으므로 CSS의 관점에서 블랙박스처럼 동작합니다.

즉, 다음과 같은 다른 비특수 요소 유형으로 항상 반응하지는 않습니다.

로. 예를 들어, 스크롤바는 <버튼> Overflow: 스크롤을 사용하면 디스플레이: 테이블이 있는 테이블로 렌더링되지도 않습니다.

마찬가지로

의 경우 flex 디스플레이 모드가 무시됩니다. 이 동작은

에 플렉스 레이아웃 적용을 거부하는 Internet Explorer와 일치합니다.

솔루션

크로스 브라우저에서 가장 효과적인 솔루션은 래퍼

그 자체. 이 접근 방식은 및

다른 브라우저 내에서.

위 내용은 최신 브라우저에서 Flexbox 레이아웃을 지원하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

더보기

인기 기사

KB5055612 수정 방법 Windows 10에 설치되지 않습니까?

4 몇 주 전 By DDD

<gum> : Bubble Gum Simulator Infinity- 로얄 키를 얻고 사용하는 방법

4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

<garden> : 정원 재배 - 완전한 돌연변이 가이드

3 몇 주 전 By DDD

Nordhold : Fusion System, 설명

4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

Mandragora : 마녀 트리의 속삭임 - Grappling Hook 잠금 해제 방법

3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

더보기

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

더보기

뜨거운 주제

자바 튜토리얼

1672

14

Cakephp 튜토리얼

1428

52

라라벨 튜토리얼

1332

25

PHP 튜토리얼

1277

29

C# 튜토리얼

1257

24

더보기

Related knowledge

정적 양식 공급자의 비교 Apr 16, 2025 am 11:20 AM

"정적 양식 공급자"라는 용어를 동전하려고합시다. 당신은 당신의 HTML을 가져옵니다

Sass를 더 빨리 만들기위한 개념 증명 Apr 16, 2025 am 10:38 AM

새로운 프로젝트가 시작될 때, Sass 컴파일은 눈을 깜박이게합니다. 특히 BrowserSync와 짝을 이루는 경우 기분이 좋습니다.

주간 플랫폼 뉴스 : HTML로드 속성, 주요 ARIA 사양 및 iframe에서 Shadow Dom으로 이동 Apr 17, 2025 am 10:55 AM

이번 주에 플랫폼 뉴스 라운드 업 RONDUP, Chrome은로드에 대한 새로운 속성, 웹 개발자를위한 접근성 사양 및 BBC Move를 소개합니다.

HTML 대화 요소와 함께 일부 실습 Apr 16, 2025 am 11:33 AM

이것은 처음으로 HTML 요소를보고 있습니다. 나는 그것을 잠시 동안 알고 있었지만 아직 스핀을 위해 그것을 가져 갔다. 그것은 꽤 시원하고 있습니다

PaperForm Apr 16, 2025 am 11:24 AM

구매 또는 빌드는 기술 분야의 고전적인 논쟁입니다. 신용 카드 청구서에 라인 항목이 없기 때문에 물건을 구축하는 것이 저렴할 수 있지만

주간 플랫폼 뉴스 : 텍스트 간격 북마크, 최상위 차단, 새로운 앰프 로딩 표시기 Apr 17, 2025 am 11:26 AM

이번 주에 타이포그래피를 검사하기위한 편리한 북마크 인 Roundup, JavaScript 모듈과 Facebook의 Facebook 등을 어떻게 가져 오는지 땜질하기 위해 대기하는 편리한 북마크 인 Roundup과 Facebook의

'Podcast 구독'링크는 어디에서 링크해야합니까? Apr 16, 2025 pm 12:04 PM

한동안 iTunes는 팟 캐스팅에서 큰 개 였으므로 "Podcast 구독"을 링크 한 경우 다음과 같습니다.

직접 비자 스크립트 기반 분석을 호스팅하는 옵션 Apr 15, 2025 am 11:09 AM

사이트에서 방문자 및 사용 데이터를 추적하는 데 도움이되는 분석 플랫폼이 많이 있습니다. 아마도 널리 사용되는 Google 웹 로그 분석

See all articles

공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！

회사 소개 부인 성명 Sitemap

© php.cn All rights reserved