Safari 14.1 Menambahkan Dukungan untuk Flexbox Gaps

Yay, disini! Safari 14.1 dilaporkan menambahkan dukungan untuk gap dalam tata letak flexbox. Kami telah memiliki grid-gap untuk beberapa waktu, tetapi sesuai dengan namanya, itu terbatas pada tata letak kisi. Sekarang kita dapat menggunakan gap di salah satu jenis tata letak:

 .container { display: flex; flex-flow: row wrap; gap: 1.5rem; }

Apple agak diam tentang pembaruan. Saya bahkan tidak mendengarnya sampai Eric Meyer mengungkitnya melalui email, dan dia hanya mendengarnya ketika Jen Simmons men-tweet-nya.

Saya memeriksa Status Fitur CSS WebKit dan, tentu saja, itu didukung . Itu tidak disebutkan dalam catatan rilis. Belum ada yang diposting ke arsip catatan rilis Safari , jadi mungkin kita akan mendengarnya secara resmi di sana pada suatu saat. Untuk saat ini, tampaknya ikhtisar Maximiliano Firtman tentang iOS 14.5 adalah tampilan terdalam dari apa yang baru .

Dan seberapa tepat waktu Eric baru-baru ini membahas cara menggunakan properti gap , tidak hanya dalam tata letak grid dan flexbox, tetapi juga multi-kolom.


Kiriman Safari 14.1 Menambahkan Dukungan untuk Flexbox Gaps muncul pertama kali di CSS-Tricks .

Anda dapat mendukung CSS-Tricks dengan menjadi Supporter MVP .

May 1, 2021

codeorayo

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com

Leave a Reply

Your email address will not be published. Required fields are marked *