Safari 14.1 Adds Support for Flexbox Gaps
![Safari 14.1 Adds Support for Flexbox Gaps](https://css-tricks.com/wp-content/uploads/2021/04/safari-gap.png)
Yay, it's here! Safari 14.1 reportedly adds support for the gap property in flexbox layouts. We've had grid-gap support for some time, but true to its name
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1696136263867/2472c449-d915-4b62-bc1f-e61f3af2ba1c.png?auto=compress,format&format=webp)
Tailwind Flex box Basics: A Comprehensive Guide
![](https://css-tricks.com/wp-content/uploads/2018/11/functional-css.png)
Tag Archive for gap - CSS-Tricks
![](https://img-blog.csdnimg.cn/img_convert/472d69556f9dddfdef42d192882506b3.gif)
web前端开发大杂烩_gap safari-CSDN博客
![](https://css-tricks.com/wp-content/uploads/2021/04/safari-gap.png)
Safari 14.1 Adds Support for Flexbox Gaps
![](https://i.ytimg.com/vi/VvqyUUROmJw/maxresdefault.jpg)
Gap in flexbox & how to replicate it while we wait on Safari
![](https://i.ytimg.com/vi/gUKt93xWZn8/maxresdefault.jpg)
CSS features with better browser support than you might have thought
![](https://i0.wp.com/css-tricks.com/wp-content/uploads/2019/02/overlapping.png?w=400&ssl=1)
Quick! What's the Difference Between Flexbox and Grid?
![](https://css-tricks.com/wp-content/uploads/2021/01/jetpack-backup.jpg)
Archives CSS-Tricks - Page 77 - CSS-Tricks
![](https://cdn.windowsreport.com/wp-content/uploads/2022/07/gap-flexbox.png)
Gap not Working in Safari: 3 Ways to Easily Fix it
![](https://generateblocks.com/wp-content/uploads/2023/01/head-2.png)
Flexbox, Sizing, Tabs, Accordions & More - GenerateBlocks
![](https://assets.st-note.com/production/uploads/images/52675769/picture_pc_5bf8b185fd17940a31fe07cd6e699fd4.jpg?width=800)
CSS】Flexboxでのgapの使い方|toya
![](https://i0.wp.com/css-tricks.com/wp-content/uploads/2019/02/declarative-placement.png?w=400&ssl=1)
Quick! What's the Difference Between Flexbox and Grid?
![](https://cdn.element.how/wp-content/uploads/2018/12/hero_with_gap.png)
Elementor Container Spacing Issues on Older Browsers (Safari 14 & Under)
![](https://external-preview.redd.it/jdd54GaLh7gc9pfd8bifrKr45nxaoyxYret7Lw1a2rQ.jpg?auto=webp&s=18f0b6f70079076c1ff57cb08a6a1e4880b3a78e)
TIL There is any easy workaround for flexbox gap in Safari <=14.0 : r/webdev
![](https://yqintl.alicdn.com/193448f1d3442b8781c7ccf680b834dc38438733.png)
Details on Flexbox Layout - Alibaba Cloud Community