我爱自学

 找回密码
 会员注册

QQ登录

只需一步,快速开始

CSS教程 img标签与元素间间距处理方法

问题点:

在初始化CSS中设置了img的padding和margin为0,可是在插入img后,img与父元素仍然有一定间距。

原因分析:

文字图片等inline元素默认与父级元素的baseline对齐,而baseline与父级元素底部是有一定距离的(这个与font-size,font-family的相关设置有关)。
给图片或者文字元素添加vertical-align:top或者middle、bottom等可解决该问题。

问题解决代码:
.header-body img{vertical-align: middle;}

点击阅读更多内容!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

手机版|小黑屋|我爱自学 ( 蜀ICP备19015358号-3 )

GMT+8, 2024-4-23 15:19 , Processed in 0.057210 second(s), 32 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

本站大部分教程是网站原创教程,一部分教程为我爱自学(http://www.5izixue.com)编辑收集整理。

如果您需要转载我爱自学网站教程,请注明“资料来源:我爱自学(5izixue)”字样并注明本站网址。

编辑收集整理的教程版权归原作者所有,本站只提供网友交流学习使用,请勿用于商业用途,如果该文章有任何侵犯您权益的地方,请联系我们(569705694@qq.com),我们将在第一时间进行处理!谢谢您的支持!

快速回复 返回顶部 返回列表