为什么文字可以撑起内联元素的高度，但img却无法撑起内联元素的高度？
站长
· 阅读数 17
在下面的例子中，为什么文字可以撑起内联元素的高度，但img却无法撑起内联元素的高度？
我的本意是文字与img都是a标签的子元素，既然文字可以撑起a标签的高度，那么img同样作为a标签的子元素，就应该可以撑起span的高度，这个直觉似乎很合理。
但实际的结果却不是这样，这么设计的原因的目的是什么呢？
回复
1个回答
test
2024-07-17
主要是父元素a标签为行内非替换元素，对于这种元素，其内容高度基于字体，也就是font-size的大小，如果他的font-size设置为0，高度就变成0了。下面是规范的说明https://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#inl...
再看下类似的问题回答https://segmentfault.com/q/1010000018174834?utm_source=sf-similar-question
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容