Chrome 检视元素中的阴影和箭头代表什么？

Chrome 检视元素中的阴影和箭头含义

在 Chrome 的检视元素工具中，阴影和箭头在图片上都有着特定的含义。

阴影

• 表示元素的 flex-basis 宽度。
• flex-basis 定义了元素在主轴上的最小宽度。

箭头

• 指向实际容器被内容撑到的宽度。
• 这是元素的实际宽度。

例如，[此处](https://demo.cssworld.cn/new/6/2-13.php)所示示例中：

• 第一行的元素具有阴影，表示其 flex-basis 宽度为 100px。
• 第二行的元素具有向右指向的箭头，表示其实际宽度已撑大至 200px。

以上就是Chrome 检视元素中的阴影和箭头代表什么？的详细内容，更多请关注其它相关文章！