分区高度与子材质图标不同

Question

我有这个html代码：

<div>
<span class="material-icons">refresh</span>
</div>

span是24x24，但是由于某些原因，父div的高度是28px，我没有其他css，字面上只是一个空白的html文件，但是由于一些原因，即使子span的高度是24px，父div也在其高度上添加了另一个4px。有人知道为什么会发生这种事吗？我真的不想设置潜水器的高度。

编辑：

母部门

图标

Answer 1

我在使用材质图标时也会遇到这种行为。我已经通过将父div设置为display: flex;解决了这个问题。在我的用例中，这通常可以解决问题。