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

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

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

这里写图片描述

posted @   Joa_h  阅读(3289)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
· 零经验选手,Compose 一天开发一款小游戏!
点击右上角即可分享
微信分享提示