文章关键字 ‘gap’

来了来了,Flex/Grid布局的间隙装饰线它来了

2026年08月3日,星期一

间隙装饰线封面图

间隙装饰线其实由来已久,不过仅支持垂直分隔线,且只在Columns布局中有效,经过这么多年的等待,终于,Flex和Grid布局中也能自定义分割线效果啦,且进行了增强,支持多属性值、交点中断设置、间距边缘距离控制、repeat()函数语法等,很棒的新特性。

阅读全文…

CSS Grid布局中的subgrid的适用场景

2024年11月25日,星期一

subgrid封面图

subgrid这个子网格特性当时Grid布局出来之后,呼声很高,现在终于支持了,非常适合那种比较规整的多层次嵌套的布局,赶快来了解一番吧。

阅读全文…

CSS margin-trim属性是做什么用的?

2023年05月31日,星期三

margin-trim封面图

这个CSS属性至少99%的人都没见过。

阅读全文…

CSS gap属性进化史

2020年06月7日,星期日

蜜瓜占位

带大家了解下gap属性的前世今生,了解gap属性在CSS世界3大布局中的过往和现状。

阅读全文…

CSS columns轻松实现两端对齐布局效果

2020年05月27日,星期三

CSS columns,就是分栏布局的columns属性,可以在不改变元素display值前提下实现两端对齐布局效果,说不定关键时候还是很有用的,可以来了解下这种CSS布局方法。

阅读全文…