公司名称大全四字,seo优化介绍,资讯门户网站怎么做,网站会员注册系统怎么做视频grid网格布局真香#xff0c;比flex方便太多了#xff0c;grid-template-columns用法 文章目录 flex布局的时候网格grid布局的时候可以修改某一列的像素可以修改某一列的宽度占比自适应屏幕分列让第一个元素长宽都占2个 flex布局的时候 最后一行不够4个的时候 最下面一行无法…grid网格布局真香比flex方便太多了grid-template-columns用法 文章目录 flex布局的时候网格grid布局的时候可以修改某一列的像素可以修改某一列的宽度占比自适应屏幕分列让第一个元素长宽都占2个 flex布局的时候 最后一行不够4个的时候 最下面一行无法对齐
网格grid布局的时候 添加间隔 可以修改某一列的像素 可以修改某一列的宽度占比
改成2fr 相当于占两份 写固定格式 前面是分几份 后面是每份的大小 因为不齐 还是使用自动填充 1fr比较好
自适应屏幕分列
使用自适应屏幕方法 auto-file 代表自适应 minmax(最小值最大值) 记得修改宽度 让第一个元素长宽都占2个
只让第一个变大
占两行 grid-row : 1/3 1代表开始的列线是第一个 3代表结束的列线 占两列
