css display:contents 的作用是什么？

Question

我遇到了一个类似错误的问题，即“a”标签内的 div 。

<a href=''>
  <div>..</div>
</a>

该<a>标签位于 Flex 父级内部。由于某种原因，这<a>为 div 添加了填充（仅从右侧）。谷歌浏览器开发者工具中未显示填充。但在尝试了很多事情之后，我意外地尝试了自动建议显示：内容。这删除了该填充。

这个显示：内容是什么？打标签有什么作用<a>？

Answer 1

display: contents导致元素的子元素显示为元素父元素的直接子元素，而忽略元素本身。当使用 CSS 网格或类似布局技术时应忽略包装元素时，这可能很有用。