美文网首页
a标签里嵌套img,图片下方产生间隙

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

作者: 礼知白 | 来源:发表于2018-08-11 01:33 被阅读0次

    原因:inline 元素為了正確的顯示英文字母像是 y j g 帶有尾巴的,會在底下留空
    解决方案有两种
    1、 给<a><img> 加上 display: block;
    2、给<a>加上display: block; font-size: 0;

    间隙.gif

    相关文章

      网友评论

          本文标题:a标签里嵌套img,图片下方产生间隙

          本文链接:https://www.haomeiwen.com/subject/zwsrbftx.html