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

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

以下是代码图片:
这里写图片描述

这里写图片描述

生活不止眼前的苟且,还有诗和远方!
原文地址:https://www.cnblogs.com/joah/p/6938080.html