发表于： 2019-03-05 21:00:35
1 710
今天完成的事情：
任务7bug修复基本完成，任务8的框架有了思路。
明天计划的事情：
任务8完成第一个页面，学习掌握bootstarap
遇到的问题：
任务七第一个页面布局问题，因为没有按照任务效果实现，所以框架修改有点难受最后每个盒子套了个盒子用flex已解决
收获：
对bootstarap有了新的认知，仿佛又是打开了一个大门，正在试着运用，简单了解了css3中的flex-grow、flex-shrink、flex-basis
flex-basis 该属性可以设置元素的宽，如果元素上同时使用wight，wight将会被覆盖失去作用，如果其中一个属性设置auto，那么另一个非auto的属性优先等级会更高。
flex-grow 就是比如有三个盒子总共空间比如有500px三个盒子每个用100px剩下的空间怎么办呢 现在就可以用到flex-grow比如，想让其中一个盒子表达就可以给这个盒子加入flex-grow属性，这个盒子变大另外两个被挤到右边，这个时候加flex-grow属性的盒子宽度比实际设置的宽度要大。他的目的很简单就是索取父元素容器的剩余空间，当然flex-grow；0的时候这时候所有盒子都不索取剩余空间。
如果其中一个盒子flex-grow属性值设置为1的时候，剩余的空间分成一份给他，在一个盒子如果在基础的情况下设置2的时候。他就会站剩下空间的2份，剩下一份给第一个盒子。
返回列表
评论