您的位置 首页 css教程

css如何解决图片底部空白缝隙问题

问题描述:

引用图片时下方总出现空白,情况如下图所示。

df65943b2a1f6c33414587a77893abb.png

css代码:

<style>    .img-box {        border: 2px solid red;        width: 550px;    }</style><div class="img-box">    <img src="./img.png" alt=""></div>

原因分析:

行内块元素会和文字的基线对齐。

文章来源:火云技术网

文章标题:css如何解决图片底部空白缝隙问题

文章地址:https://www.pyhw.net/30379_css%e5%a6%82%e4%bd%95%e8%a7%a3%e5%86%b3%e5%9b%be%e7%89%87%e5%ba%95%e9%83%a8%e7%a9%ba%e7%99%bd%e7%bc%9d%e9%9a%99%e9%97%ae%e9%a2%98.html

关于作者: 火云技术网

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图