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

    科技2026-02-18  13

    代码: 运行结果: 中间有条明显的缝隙,产生的原因:图片属于行内元素,行内元素在代码中换行后页面会出现一个空格位。

    解决方法:

    第一种:最简单,就是不换行 第二种:浮动 , 左右浮动都可以 第三种:margin给负值,具体值根据实际情况而定 第四种:定位 ,相对定位和绝对定位都可以,绝对定位和浮动一样,脱离文本流 第五种:在margin外层添加letter-spacing,给负值 以上方法,运行结果都一样

    Processed: 0.021, SQL: 9