怎么使用CSS删除图像下方的多余空白

这篇文章将为大家详细讲解有关怎么使用CSS删除图像下方的多余空白，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联服务项目包括椒江网站建设、椒江网站制作、椒江网页制作以及椒江网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，椒江网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到椒江省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

答：使用CSSdisplay属性

如果尝试将图像放置在

具有边框的元素内，则会在图像底部看到一个额外的空白（约3像素）。发生这种情况是因为image是一个内联级别的元素，所以浏览器在基准线下方添加了一些空格以调整其他内联元素。

解决此问题的最简单方法是display将图像的默认值从内联更改为块，即display: block;在图像上应用样式，如下所示：

例试试这个代码»

Remove White Space Below Images

Club Card