1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 使用css sprites怎么才能使图标与文字垂直居中显示【HTML】

使用css sprites怎么才能使图标与文字垂直居中显示【HTML】

时间:2022-06-22 15:14:25

相关推荐

使用css sprites怎么才能使图标与文字垂直居中显示【HTML】

web前端|html教程

使用css sprites怎么才能使图标与文字垂直居中显示

web前端-html教程

在写一个博客界面

本来用不用css sprites都没什么问题 小网站嘛

不过没用过sprites 今天就写了一下

但是之前没使用sprites 直接插入图标图片和文字之后 用height与line-height同样高度就可以垂直居中

用了sprites之后因为插入的是背景 垂直居中就不好控制了

不知道大家有什么好的方法 推荐一下

微信公众号幼儿园展示源码,ubuntu系统只有lo,tomcat下的项目路径下,简单爬虫代码 注释,php数据表格数据自动换行,前端seo ajaxlzw

回复讨论(解决方案)

jsp文档管理系统源码,ubuntu编辑pgm文件,tomcat若扣了弱口令,python 静态爬虫,单页php搜索源码,Seo呢lzw

楼主?的容器垂直居中

还是

background:url(…) center;

这样?

结婚 祝福网站源码,vscode 神经网络训练过程,ubuntu运行mips,tomcat下项目名称,批量访问爬虫,php如何播放视频,品牌seo优化加盟代理项目平台lzw

HTML:

Blog Search

CSS:

.iconA {display:inline-block; height:16px; width:16px; background:url(icons.jpg) -20px -20px no-repeat}

可以让图标和文字显示在同一行 图标不会偏上一点

iconA

加上

vertical-align:middle;

试试

解决了

vertical-align:middle;还是会错位一点

用margin-bottom 给一个负值调整一下就OK了

谢了

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。