避免img之间的空格

Question

如何避免img代码之间的空格？

打印屏幕中的内容已标记为

代码：

#menu > img {
    margin:0px;
    padding:0px;
}

<div id="menu">
    <img src="/gfx/menu.home.png" />
    <img src="/gfx/menu.functions.png" />
    <img src="/gfx/menu.prices.png" />
</div>

Answer 1

删除代码中img标记之间的空格。

<div id="menu">
    <img src="/gfx/menu.home.png" /><img src="/gfx/menu.functions.png" /><img src="/gfx/menu.prices.png" />
</div>

Answer 2

你可以浮动它们：

#menu {
    overflow: auto;
}

#menu > img {
    float: left;
}

现场演示： http://jsfiddle.net/bzWYX/

顺便说一下，我问了一个类似的问题here。

Answer 3

<div>
    <img src="/gfx/menu.home.png" /><img src="/gfx/menu.functions.png" /><img src="/gfx/menu.prices.png" />
</div>

将img标签放在一行就行了。