标签导航：

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

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

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

阴影

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

箭头

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

例如，此处所示示例中：

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