如何消除img下的空白呢

英雄本色 分类:网站建设

2019061408340057

回复

共2条回复 我来回复
  • 常春
    常春
    网络营销老兵,有事咨询。
    评论

    div没有设定大小,靠图片撑起来,设定大小就不会出现空白

    因为vertical-align缺省是baseline,和基线对齐。无论有没有文字,低下都会留一个基线到底线的宽度,就是那个白条。

    2019061408500232

    可以设置vertical-align: middle去掉空白(设置为bottom,top都可以,设置为bottom容易理解。通常图片的高度比字的高度高,中线对其也可以,因此可以设置为vertical-align: middle,这也是主流做法)

    或者设置display: block,不允许其他文字和图片同一行,div计算的时候就不会把baseline计算进去。

    1年前 0条评论
  • 冰山飞雪
    冰山飞雪
    这个人很懒,什么都没有留下~
    评论

平时工作忙:合作还是咨询相关服务,请简明扼表明来意!谢谢!

邮件:2371817516@qq.com

工作时间:周一至周六,10:30-24:30,节假日休息

个人微信
error: Content is protected !!