网格布局自适应(一)
摘要:需求 多个固定宽度的盒子横向排列,超过页面宽度自动换行。要求盒子间空隙自动计算,避免出现行末大幅空白现象。 分析 要求自适应,就不能给固定宽度的 margin; 针对不同屏幕宽度,每行的盒子数量也不同; 因此,需要用到 repeat() 使得列宽自适应。比如: .grid { display: gr
阅读全文
posted @ 2023-09-25 15:50
科技是第一生产力
posted @ 2023-09-25 15:50
posted @ 2023-09-06 15:34
posted @ 2023-09-06 10:29
posted @ 2023-09-01 13:32