li里的内容不占取宽度吗

来源:4-8 选择题

Alicia_

2018-10-01 22:17:32

第二、三、四个li内容也是占取一定宽度的呀,是因为把这部分忽略不计了,还是有什么别的原因嘛

写回答

1回答

好帮手慕糖

2018-10-06

你好,已知第一个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。

若能帮助到你,望采纳。

祝学习愉快!

0

0 学习 · 5012 问题

查看课程