如何删除两个图像之间的边距?

Mak*_*Mak 5 html css

我试图将边距和边框设置为0,但仍然无法正常工作.

<style type="text/css">
img {margin:0;}
</style>
<body>

<img src="/static/btnNext.gif" border="0" />
<img src="/static/btnSave.gif" border="0" />
Run Code Online (Sandbox Code Playgroud)

如何使两个图像保持彼此靠近?

jay*_*jay 15

您可以消除图像的css并将图像标记放在同一行,没有空格.

<img src="/static/btnNext.gif" border="0" /><img src="/static/btnSave.gif" border="0" />
Run Code Online (Sandbox Code Playgroud)


Gar*_*ary 6

注释掉它们之间的换行符.

   <img src="/static/btnNext.gif" border="0" /><!--
--><img src="/static/btnSave.gif" border="0" />
Run Code Online (Sandbox Code Playgroud)

为什么?HTML允许代码格式化的空间(破坏和非破坏),但只显示第一个.在您的情况下,位于不同行上的图像被解释为它们之间的空间.最简单的解决方案是将它们放在一行上,但这不是可读的.