处理行内样式img与字体不对齐
在行内样式中, 使用 img 做为小图标时常出现字体与图片不能居中对齐的问题
原因页面渲染时, img 标签的底部与字体的 baseline 对其
不考虑flex等需要增加dom的方案外
1|0处理方式1
flex 等可以强行剧情的布局
缺点是需要改变布局和增加 dom
2|0处理方式2
可见的是对于英文字符, 较为对其, 但对于中文效果不佳
原因是与英文字体而言中文字体的整体图形位置偏上
3|0处理方式3
效果较为理想
__EOF__

本文作者:Odyssey
本文链接:https://www.cnblogs.com/qingzhao/p/16978100.html
关于博主:I am a good person
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
本文链接:https://www.cnblogs.com/qingzhao/p/16978100.html
关于博主:I am a good person
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析