博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
为什么a标签中使用img后的高度多了几个像素?
阅读量:6611 次
发布时间:2019-06-24

本文共 390 字,大约阅读时间需要 1 分钟。

a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认vertical-align是baseline的,而且往往因为上文line-height的影响,使它有个line-height,从而使其有了高度,因为baseline对齐的原因,这个匿名盒子就会下沉,往下撑开一些距离,所以把a撑高了。
解决办法一:是消除掉匿名盒子的高度,也就是给a设置line-height:0或font-size:0;
解决办法二:是给两者vertical-align:top,让其top对齐,而不是baseline对齐
解决办法三:是给img以display:block,让它和匿名行级盒子不在一个布局上下文中,也就不存在行级盒的对齐问题
其他解决办法也有,但这些都是从根本上解决问题

 

转载于:https://www.cnblogs.com/jimmiehwang/p/5409519.html

你可能感兴趣的文章
详解HDFS Short Circuit Local Reads
查看>>
Concurrent包常用方法简介
查看>>
OGG复制进程延迟处理思路与方法
查看>>
黑鹰坠落 感
查看>>
CopyOnWriteArrayList
查看>>
我的友情链接
查看>>
JAVA的StringBuffer类
查看>>
Douyu
查看>>
Citrix Receiver For Android V2.1发布
查看>>
scrapy深入学习----(4)
查看>>
plsql使用引号,输出空行
查看>>
WebService - Client调用(Axis2-Document)
查看>>
Halcon识别金属上的雕刻字符
查看>>
LVM逻辑卷基本概念及LVM的工作原理
查看>>
Vsftpd服务
查看>>
vsftp配置
查看>>
Centos linux 让Thin代替redmine自带server
查看>>
rhel6计划任务Crontab及实例
查看>>
如何解决安装linux时遇到GPT分区表的问题
查看>>
Windows Server 2016 Storage Replica
查看>>