chrome按F12后的Elements摸元素出现紫色箭头是什么

我们来看看三种情况

情况一：

红色父元素定义了宽度且用了flex，黄色子元素定义了宽度，看绿色箭头，会发现只占了文字的宽度， 剩下的宽度用紫色箭头指向。这种解决方法，给文字再套一个div给宽度铺满 ​​​

​​​

情况二：

铺满

​​​

情况三：（此图来源于网络，侵删）

​​​