- 博客(2)
- 收藏
- 关注
RSS订阅原创 Grid网格布局笔记
Grid网格布局笔记 常用的三种布局方式对比 1.传统布局方式 利用position属性 + display属性 + float属性布局，兼容性最好，但是效率低，麻烦！ 2.flex布局 有自己的一套属性，效率高，学习成本低，兼容性强！ 3.grid布局 网格布局（Grid）是最强大的 CSS 布局方案。但是知识点较多，学习成本相对困难些，目前的兼容性不如flex好！ 容器属性 1.grid-template-columns 2.grid-template-rows a. 想要多少行或者列，就填写相应属性值
2020-06-01 01:44:35
471
原创 关于flex盒模型里项目放大比例的计算规则（flex-grow和flex属性）
关于flex盒模型里项目放大比例的计算规则（flex-grow和flex属性） flex-grow属性： 我们在使用flex布局的时候，遇到需要项目放大的问题，一般都是使用flex-grow属性来设置，规则如下： flex-grow的默认值为0，即如果存在剩余空间，也不放大，负值无效。 当给项目flex-grow属性设置一个非负数值时，该项目将分配剩余空间而放大。 此处剩余空间指 容器宽度 减去 一行内所有项目宽度之和。 每个项目按flex-grow属性的值的比例来分配剩余空间。 举个例子，这里容器ul的
2020-05-24 16:02:44
1405
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人