브라우저에 따라 ``요소에 대해 Flexbox 동작이 다른 이유는 무엇입니까?

의 Flexbox 동작 요소

요소의 동작은 브라우저 간에 일관되지 않은 상태로 유지됩니다.

Firefox와 Chrome 모두에서

Flexbox 표시 속성(예: display: flex)이 할당되면 다른 블록 수준 요소와 다르게 동작합니다. 자식을 수평으로 정렬하는 대신 인라인 수준 요소와 유사하게 자식을 수직으로 쌓습니다. 흥미롭게도 Internet Explorer는

에 대해 일반적인 Flexbox 동작을 나타냅니다.

이 동작은 버그로 간주되지 않습니다. 버그 984869에 따르면 버튼 요소는 고유한 복잡성으로 인해 브라우저에서 다르게 구현되므로 CSS 구현이 제한됩니다.

에서도 유사한 동작이 관찰됩니다.

그러나 Firefox 46에서는

에 대한 Flexbox를 구현하여 이 문제를 해결했습니다. 이는 최신 버전의 Firefox가

예상되는 Flexbox 동작이 있는 요소. 일관된 브라우저 간 호환성이 필요한 오래된 브라우저나 시나리오의 경우

와 같은 래퍼 요소를 사용하는 것이 좋습니다. 내부

원하는 Flexbox 레이아웃을 얻으려면

위 내용은 브라우저에 따라 ``요소에 대해 Flexbox 동작이 다른 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

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