怎么使用CSS删除图像下方的多余空白
这篇文章将为大家详细讲解有关怎么使用CSS删除图像下方的多余空白,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联服务项目包括椒江网站建设、椒江网站制作、椒江网页制作以及椒江网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,椒江网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到椒江省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
答:使用CSSdisplay属性
如果尝试将图像放置在
具有边框的元素内,则会在图像底部看到一个额外的空白(约3像素)。发生这种情况是因为image是一个内联级别的元素,所以浏览器在基准线下方添加了一些空格以调整其他内联元素。Remove White Space Below Images
分享标题:怎么使用CSS删除图像下方的多余空白
转载来于:http://myzitong.com/article/gsoscj.html
解决此问题的最简单方法是display将图像的默认值从内联更改为块,即display: block;在图像上应用样式,如下所示:
例试试这个代码»
.img-box{
width: 125px;
border: 4px solid #333;
}
.img-box img{
display: block;
}
关于“怎么使用CSS删除图像下方的多余空白”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
分享标题:怎么使用CSS删除图像下方的多余空白
转载来于:http://myzitong.com/article/gsoscj.html