两个图像标签并排放置产生空隙的原因及解决方法

代码:两个图像标签并排放置产生空隙的原因及解决方法
运行结果:两个图像标签并排放置产生空隙的原因及解决方法
中间有条明显的缝隙,产生的原因:图片属于行内元素,行内元素在代码中换行后页面会出现一个空格位。

解决方法:

第一种:最简单,就是不换行
两个图像标签并排放置产生空隙的原因及解决方法
第二种:浮动 , 左右浮动都可以
两个图像标签并排放置产生空隙的原因及解决方法
第三种:margin给负值,具体值根据实际情况而定
两个图像标签并排放置产生空隙的原因及解决方法
第四种:定位 ,相对定位和绝对定位都可以,绝对定位和浮动一样,脱离文本流
两个图像标签并排放置产生空隙的原因及解决方法
第五种:在margin外层添加letter-spacing,给负值
两个图像标签并排放置产生空隙的原因及解决方法
以上方法,运行结果都一样
两个图像标签并排放置产生空隙的原因及解决方法