shayloyuki

勇气

 

2023年9月25日

网格布局自适应(一)

摘要: 需求 多个固定宽度的盒子横向排列,超过页面宽度自动换行。要求盒子间空隙自动计算,避免出现行末大幅空白现象。 分析 要求自适应,就不能给固定宽度的 margin; 针对不同屏幕宽度,每行的盒子数量也不同; 因此,需要用到 repeat() 使得列宽自适应。比如: .grid { display: gr 阅读全文

posted @ 2023-09-25 15:50 shayloyuki 阅读(149) 评论(0) 推荐(1)

导航