css 图片底部多出的空白
1、首先了解元素对齐标准
参考: 简单说说vertical-align
参考:CSS–line-height和vertical-align
造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以现图片底部出现一块小留白
解决: 给图片加上 vertical-align:middle或bottom属性,来调整对齐方式。
2、图片与文字位置如下:
解决:
1、首先了解元素对齐标准
参考: 简单说说vertical-align
参考:CSS–line-height和vertical-align
造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以现图片底部出现一块小留白
解决: 给图片加上 vertical-align:middle或bottom属性,来调整对齐方式。
2、图片与文字位置如下:
解决: