如何消除img下的空白呢

英雄本色 发布于 1年前 分类:网站建设

2019061408340057

回复

共2条回复 我来回复
  • 常春
    常春
    这个人很懒,什么都没有留下~
    评论

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

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

    2019061408500232

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

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

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