- 博客(2)
- 收藏
- 关注
RSS订阅原创 Grid网格布局笔记
Grid网格布局笔记常用的三种布局方式对比1.传统布局方式利用position属性 + display属性 + float属性布局，兼容性最好，但是效率低，麻烦！2.flex布局有自己的一套属性，效率高，学习成本低，兼容性强！3.grid布局网格布局（Grid）是最强大的 CSS 布局方案。但是知识点较多，学习成本相对困难些，目前的兼容性不如flex好！容器属性1.grid-template-columns2.grid-template-rowsa. 想要多少行或者列，就填写相应属性值
2020-06-01 01:44:35
338
原创 关于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
1184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人