CSS-解决图片底部默认空白缝隙问题
不设置样式, 图片下面会多出一点空白
<div>
<img src="img/logo.png" >
</div>
<style type="text/css">
div{
border: 1px solid red;
}
</style>
解决方式:
<style type="text/css">
div{
border: 1px solid red;
}
img{
/* 方式一: 修改为middle / top / bottom 都可以 */
vertical-align: middle;
/* 方式二: 改为块级元素 */
/* display: block; */
}
</style>