关于解决用<i>标签做图标不能显示的问题

今天在做一个项目时，用到<i>标签来做小图标，发现设置完相关样式，小图标尽然不能显示，找了许多办法都不能解决，后来我发现原来<i> 标签是行内元素，定义宽高无效，应把它转换为块级元素，于是我设置了display:inline-block 属性，发现小图标显示了。

以下是代码图片：