请选择 进入手机版 | 继续访问电脑版

寿光赢创网

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
企业云服务器2折起【腾讯云】云产品精选秒杀,云服务器1核2G 99元/年
查看: 351|回复: 0

[CSS] a标签里嵌套img,图片下方产生间隙

[复制链接]

793

主题

801

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
33125
admin 发表于 2020-5-7 14:17:04 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
原因:inline 元素为了正确的显示英文字母像是 y j g 帶有尾巴的,会在底下留空,比如a标签就是这样,如下图:
8120037-6b7f69f5c253c8a9.gif
解决方案有两种:
1、 给<a>和<img> 加上 display: block;
2、给<a>加上display: block; font-size: 0;

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


QQ|Archiver|手机版|小黑屋|寿光赢创网 ( 鲁ICP备19000917号 )

GMT+8, 2021-1-16 20:35 , Processed in 0.057803 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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