Safari에서 작동하지 않는 간격: 쉽게 수정하는 3가지 방법

브라우저가 새로운 CSS 기능을 구현할 때 누가 감사하지 않습니까? 그러나 열 간격과 같은 특정 기능이 Safari에서 작동하지 않는 경우가 있습니다.

gap 속성은 CSS grid와 flexbox와 유사한 속성을 제공하기 위한 노력입니다. 열과 행 사이의 공간(거터)을 담당하게 됩니다.

그러나 Safari를 포함한 특정 브라우저는 플렉스 레이아웃을 사용할 때 간격 속성을 활성화하지 않습니다. 이것은 브라우저의 유일한 문제가 아니며 많은 사람들이 다음과 같이 보고했습니다. Safari에서 파일을 다운로드할 수 없음, 그러나 우리는 별도의 가이드에서 그 문제를 다뤘습니다.

Safari에서 간격이 작동합니까?

Safari에서 열 간격 또는 격자 간격이 작동하지 않는 경우 Safari 버전 14 미만을 사용하고 있기 때문일 가능성이 큽니다.

행 간격 및 열 간격은 이제 Safari 14.1의 Flexbox 컨테이너에서 지원됩니다. 이 업데이트를 통해 어색한 마진 해킹 없이 flexbox를 웹 디자인에 사용할 수 있습니다.

그러나 Safari에서 열 간격이 작동하지 않는 경우 수정할 수 있는 방법이 있습니다.

Flexbox Gap은 모든 브라우저에서 지원됩니까?

대부분의 최신 브라우저는 flexbox를 지원합니다. 여러 웹 브라우저에는 flexbox가 실험적으로 구현되어 있습니다. 공급업체 접두사를 사용하는 것은 실험적 구현을 ​​개발하기 위한 표준 절차였습니다.

이 문제는 버전 15.4 이전의 Safari에만 영향을 주지만, 이 릴리스 또는 최신 릴리스를 사용하는 경우 문제가 없습니다.

이제 이 기능에 대해 더 많이 알게 되었으므로 Safari에서 grid-gap이 작동하지 않는 경우 우리가 할 수 있는 일을 살펴보겠습니다.

빠른 팁:

간단히 말해서, 단순히 브라우저를 Opera로 전환하여 열 또는 행 간격이 있는 이 웹사이트 문제를 해결할 수 있습니다.

이 해결 방법은 Safari에서 문제를 해결하지 않지만 여전히 갭 속성 지원 및 많은 통합 기능으로 최적화된 탐색을 제공합니다.

오페라

고급 기능과 접근성을 사용하여 모든 웹 페이지에서 오류 없이 탐색하십시오.

무료 웹사이트 방문

Safari에서 작동하지 않는 경우 간격을 어떻게 수정합니까?

1. Safari를 최신 버전으로 업데이트

1. 고르다 시스템 환경설정 ~로부터 사과 화면 모서리에 있는 메뉴.
   
2. 클릭 소프트웨어 업데이트.
   
3. Mac이 업데이트 확인을 수행할 때까지 기다립니다.
4. 딸깍 하는 소리 지금 업그레이드 액세스 가능한 업데이트가 있는 경우.
   
5. 레이블이 지정된 옵션을 확인하십시오. 내 Mac을 자동으로 최신 상태로 유지 macOS 및 Safari 업그레이드를 자동으로 받으려면.
6. Mac에 업데이트가 설치될 때까지 기다리십시오.

이 솔루션은 Safari 플렉스 갭 해결 방법이 아니며 컴퓨터의 문제를 영구적으로 수정합니다.

2. 플렉스 갭 해결 방법

1. CSS 파일을 엽니다.
2. 이제 원하는 요소에 다음 코드를 추가합니다.
디스플레이: 그리드;
격자 간격: 8rem;
간격: 8rem;
   
3. 변경 사항을 저장하다.

CSS 플렉스 갭이 작동하지 않는 경우 해결 방법을 사용하여 이 문제를 해결할 수 있습니다. Safari 14 미만에서는 Flexbox를 지원하지 않습니다.

격자 간격은 이전 Safari 버전에서 지원됩니다. 따라서 디스플레이 플렉스에서 그리드로 전환하는 것이 좋습니다.

3. lobotomized 올빼미 선택기 사용

1. 선호하는 편집기에서 CSS 파일을 엽니다.
2. 이제 다음 코드 줄을 추가합니다..parent_div>*+* { 여백-왼쪽: 8rem;}

   

3. 변경 사항을 저장하다.

특이한 세 글자 CSS 선택기가 lobotomized owl 선택기의 형태로 존재합니다. 부엉이의 멍한 모습과 묘하게 닮았기 때문에 엽절형 부엉이 선택기라고 합니다.

CSS에서 간격 대신 무엇을 사용할 수 있습니까?

CSS 3에서 gap을 사용하는 대신 CSS 3에서 margin-right를 사용할 수 있습니다. Safari에서 간격이 전혀 작동하지 않으면 위에서 언급한 해결 방법에 따라 이 문제를 해결할 수 있습니다.

그러나 간격 문제는 최신 버전의 Safari에서 수정된 것으로 보이므로 더 이상 해결 방법에 의존할 필요가 없습니다.

Safari에서 간격이 작동하지 않는 경우 가장 좋은 옵션은 브라우저를 업데이트하는 것이지만 이것이 옵션이 아닌 경우 해결 방법에 의존해야 합니다.

이것은 클라이언트 측 문제이지만 많은 경우 다음과 같은 서버 측 문제가 있습니다. 서버가 응답을 중지했습니다. Safari 메시지도 수정될 수 있습니다.

Safari에서 간격 문제를 해결하셨습니까? 어떤 솔루션이 도움이 되었는지 알려주십시오.