导航小图标垂直居中怎么设置?

2020年11月2日10:52:25 发表评论 990 次浏览

在网站的导航中加入小图标后,却发现图片与文字是底部对齐的,并不是上下居中,看起来很不美观,遇到这种情况该怎么办呢?

导航小图标垂直居中怎么设置?

除了去修改导航样式之外,最简单的方法是,只要在小图标的图片中加入一个让图片垂直居中的样式(vertical-align: middle)就可以了。具体如下:

<img src="/tubiao/home.png" alt="导航小图标垂直居中怎么设置?" alt="首页" style="vertical-align: middle">
导航小图标垂直居中怎么设置?
Austin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: