li里的内容不占取宽度吗
来源:4-8 选择题
 
			Alicia_
2018-10-01 22:17:32
第二、三、四个li内容也是占取一定宽度的呀,是因为把这部分忽略不计了,还是有什么别的原因嘛
1回答
你好,已知第一个li所占的空间是325px,那么ul所剩的空间就是675px,剩余的3个里区分,那么每个所占的空间就是225px。具体计算可参考如下:
总宽度1000px, 每个li 的flex-grow:1,也就是平均分配;
li 的宽度都为100px;
第一个li 为 flex-basis:200px,在计算时,第一个li 的以 200px 为准;
剩余空间为 1000px - 200px -3*100px =500px;
平均500px ,4个li平分,每个125;
那每个元素的最终宽度为200+125 ,100+125,100+125,100+125;
所以除了第一个其余三个的最终宽度为225。
若能帮助到你,望采纳。
祝学习愉快!
相似问题