Gap не работает в Safari: 3 способа легко исправить

Кто не ценит, когда браузеры реализуют новые функции CSS? Однако иногда в Safari не работают определенные функции, например разрыв столбца.

Свойство gap — это попытка предоставить свойство, похожее на сетку CSS и flexbox. Он будет отвечать за пространство (желоба) между столбцами и строками.

Однако некоторые браузеры, включая Safari, не включают свойство gap при использовании гибкого макета. Это не единственная проблема с браузером, и многие сообщали, что Safari не может загрузить файл, но мы рассмотрели эту проблему в отдельном руководстве.

Работает ли пробел в Safari?

Если в Safari не работает разрыв между столбцами или сеткой, это, скорее всего, связано с тем, что вы используете версию Safari ниже 14.

Между строками и столбцами теперь поддерживаются контейнеры Flexbox в Safari 14.1. Это обновление позволяет использовать flexbox в веб-дизайне без необходимости неуклюжих хаков с маржей.

Но если зазор между столбцами не работает в Safari, есть способы это исправить.

Поддерживается ли Flexbox Gap во всех браузерах?

Большинство современных браузеров поддерживают flexbox. Несколько веб-браузеров имеют экспериментальную реализацию flexbox. Использование префикса поставщика было стандартной процедурой для разработки экспериментальных реализаций.

Эта проблема затрагивает только Safari до версии 15.4, но если вы используете эту или любую более новую версию, у вас не возникнет никаких проблем.

Теперь, когда вы знаете больше об этой функции, давайте посмотрим, что мы можем сделать, если зазор сетки не работает в Safari.

Быстрая подсказка:

Проще говоря, вы можете решить эту проблему веб-сайта с пробелами в столбцах или строках, просто переключив браузер на Opera.

Этот обходной путь не устраняет проблему в Safari, но по-прежнему обеспечивает оптимизированную навигацию с поддержкой свойства пробела и множеством функций интеграции.

Опера

Навигация без ошибок на любой веб-странице, используя расширенные функции и специальные возможности.

Свободно Посетить сайт

Как исправить разрыв, если он не работает в Safari?

1. Обновите Safari до последней версии

1. Выбирать Системные настройки от Яблоко меню в углу экрана.
   
2. Нажмите на Обновление программного обеспечения.
   
3. Подождите, пока Mac выполнит проверку обновлений.
4. Нажмите Обнови сейчас если есть доступные обновления.
   
5. Проверьте вариант с пометкой Автоматически обновлять мой Mac для автоматического обновления macOS и Safari.
6. Подождите, пока все обновления будут установлены на вашем Mac.

Это решение не является обходным решением Safari flex gap, и оно навсегда решит проблему на вашем компьютере.

2. Обходной путь гибкого разрыва

1. Откройте файл CSS.
2. Теперь добавьте к нужному элементу следующий код:
отображение: сетка;
зазор сетки: 8rem;
зазор: 8бэр;
   
3. Сохранить изменения.

Если зазор CSS flex не работает, вы можете решить эту проблему, используя обходной путь. В Safari меньше 14 нет поддержки Flexbox.

Разрыв сетки поддерживается в предыдущих версиях Safari; поэтому было бы предпочтительнее переключиться с гибкого дисплея на сетку.

3. Используйте лоботомированный селектор совы

1. Откройте файл CSS в вашем любимом редакторе.
2. Теперь добавьте эту строку кода:.parent_div>*+* {поле слева: 8rem;}

   

3. Сохранить изменения.

Необычный трехсимвольный селектор CSS существует в виде лоботомированного селектора совы. Поскольку он имеет сверхъестественное сходство с пустым взглядом совы, его называют селектором совы, подвергшейся лоботомии.

Что я могу использовать вместо пробела в CSS?

Вместо пробела в CSS 3 вы можете использовать margin-right в CSS 3. Если зазор вообще не работает в Safari, вы можете воспользоваться вышеупомянутыми решениями, чтобы решить эту проблему.

Однако проблема с зазором, по-видимому, исправлена ​​в более новых версиях Safari, поэтому вам больше не придется прибегать к обходным путям.

Если пробел не работает в Safari, лучшим вариантом будет обновить браузер, но если это не вариант, то вам придется прибегнуть к обходным путям.

Это проблема на стороне клиента, но у многих были проблемы на стороне сервера, например сервер перестал отвечать Safari сообщений, но их тоже можно исправить.

Удалось ли вам решить проблему с зазором в Safari? Дайте нам знать, какое решение сработало для вас.