介绍
这篇文章将为大家详细讲解有关css中如何取消图片间隔,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
css中取消图片间隔的方法:首先创建一个HTML示例文件,然后通过img标签插入两个图像;接着在img标签的父级上写“字体大小:0;”;最后设置属性”显示:块”即可。
引用><>强取消img图片间隙的方法强>
1,多个img标签写在一行
& lt; https://www.yisu.com/zixun/img src="/我/eg_tulip.jpg " alt="郁金香”高度=" 100 px "/>效果:
& lt; img src=https://www.yisu.com/zixun/?我/eg_tulip.jpg”alt="郁金香”高度=" 100 px "/>效果:
2,在img标签的父级上写:字体大小:0;//这个在解决显示:inline-block出现的问题也有帮助
& lt; div 风格=白痔宕笮?0“比; ,,& lt; img  src=https://www.yisu.com/zixun/?我/eg_tulip.jpg”alt="郁金香”高度=" 100 px "/>
效果:
3,使用显示:块(img是内联元素)//要浮一下才行
& lt; https://www.yisu.com/zixun/img src="/我/eg_tulip.jpg " alt="郁金香”高度=?00 px”风格="显示:块"/>
效果:
4,使用字母间距属性
& lt; div 风格=白帜讣渚?-800 px"在& lt; !——字母间距的值无论是负多少都不会产生重叠——比; ,,,& lt; https://www.yisu.com/zixun/img src="/我/eg_tulip.jpg " alt="郁金香”高度=" 100 px "/>