现在我也不知道这频道发了啥了，各位慢慢吃瓜，将就着看联系我请去 @abc1763613206友链儿@cyberElaina@rvalue_daily@billchenlahttps://channel.0w0.besthttps://channel.0w0.best/posts/7326https://channel.0w0.best/posts/7326Mon, 18 May 2026 11:26:30 GMT<a href="/search/%23%E4%BC%98%E8%B4%A8%E5%8D%9A%E6%96%87">#优质博文</a> <a href="/search/%23CSS">#CSS</a> <a href="/search/%23%E5%89%8D%E7%AB%AF">#前端</a> <a href="/search/%23%E6%96%B0%E5%8A%A8%E6%80%81">#新动态</a><br /><a href="https://developer.chrome.com/blog/gap-decorations-stable?hl=en" target="_blank">Gap decorations: Now available in Chromium | Chrome for Developers</a>：CSS 终于原生支持给 Flex/Grid 间隙加分割线了，再也不用手写各种伪元素和 Border Hack 啦！Chrome 149 正式引入 CSS Gap Decorations。<br /><br /><blockquote>AI 摘要：Chrome 149 正式引入 CSS Gap Decorations，新增 row-rule 和 column-rule 属性。开发者现在可以像使用 column-rule 处理多列布局一样，直接为网格（Grid）和弹性盒（Flex）布局的间距添加分割线。该功能支持复杂的样式重复（repeat()）、动画效果以及交叉点断开控制（rule-break），极大简化了 UI 分割线的实现逻辑。</blockquote><a href="https://developer.chrome.com/blog/gap-decorations-stable?hl=en" target="_blank"> <div>Chrome for Developers</div> <img class="link_preview_image" alt="Gap decorations: Now available in Chromium  |  Blog  |  Chrome for Developers" src="/static/https://cdn4.telesco.pe/file/Qh6KfDacZADaAbePQtVWYmIyTg0bRVcSgUmG9xio5_WqEI_o2Zh-XksvPNiq1TyQH66HVLYYzPnbRm5IUT9GGkgqgeV7JduBbm3LVIOyPamhk3T0LeNyNqKRSgvNDhUn18Wh_HlU5avNu8-hb6P-R0bKqGOHSz7eySCwQDvavtimXjKgiCTgwwlhuMHIqOLb_r3YyXOzHnhLFbHGJv4BdsDUaV_CybPv3aB8vINU24ms8ULBoHsIDn2tzF6gjE1VpCiWtd541weGktsf5oa9QqASKUDfwS8y3lQgF61plBAi3Llq5fXtZ7M2OdxcSNcrMKr37rAumyZpv1zV-5GF6g.jpg" loading="lazy" /> <div>Gap decorations: Now available in Chromium  |  Blog  |  Chrome for Developers</div> <div>A new way to style gaps in CSS from Chrome and Edge 149.</div> </a>