材料设计图标宽度

Question

如何减小材质设计图标的宽度？左边没有多余的宽度。我尝试更改width和font-size属性没有成功。

<div>
    <i class="material-icons">ic_autorenew</i>
</div>

我该怎么做才能使图标仅占据所需的空间？

Answer 1

将ic_autorenew更改为autorenew已解决了该问题。

Answer 2

正如我在您的代码中看到的那样，您正在使用div。它本身是block元素。 相反，您可以使用span。这是inline元素。

//示例

<span class="material-icons">
autorenew
</span>

您可以检查任何示例Here