css怎样解决图片底部空白缝隙题目
发布时间:09/01 来源:未知 浏览:
关键词:
问题描写:
援用图片时下方总显现空白,状况如下图所示。
css代码:
<style> .img-box { border: 2px solid red; width: 550px; } </style> <div class="img-box"> <img src="./img.png" alt=""> </div>
缘由剖析:
行内块元素会和文字的基线对齐。
(引荐教程:CSS教程)
解决办法:
1、给图片增加 vertical-align: middle | top | bottom 等。(引荐使用)
img { vertical-align: bottom; }
2、把图片转换为块级元素 display: block; (转换块级元素大概会影响你的规划,所以引荐使用第一种)
g { display: block; }
相关视频教程引荐:css视频教程
以上就是css怎样解决图片底部空白缝隙问题的具体内容,更多请关注百分百源码网其它相关文章!