图像之间的空间@ Html.Image

Question

我有两张这样的照片。 （授予代码缩进）

@Html.Image("/Images/icons/arrow-up.gif", "up")
@Html.Image("/Images/icons/arrow-down.gif", "up")

图像之间有空格。

我不得不写一个单一的线来避免图像之间的差距，我发现它们不太可读：

@Html.Image("/Images/icons/arrow-up.gif", "up")@Html.Image("/Images/icons/arrow-down.gif", "up")

我该如何解决这个问题？感谢

附加：以下两种情况为printcreens

案例1：

案例2：

Answer 1

到目前为止，最好的解决方案似乎就是这个。

@{
    @Html.Image("/Id/Images/icons/arrow-up.gif", "up")  
    @Html.Image("/Id/Images/icons/arrow-down.gif", "up")
}

Answer 2

  

我该如何解决这个问题？

这不需要任何修复。没有浏览器会关注HTML标记之间是否有空格。您当然可以编写一个自定义帮助程序，它将同时输出两个图像：

@Html.MyImages("/Images/icons/arrow-up.gif", "/Images/icons/arrow-down.gif")

但是恕我直言，这将是无用的工作。

也许你所说的 space 来自于包含元素的一些CSS规则？也许设置0填充和边距将删除它？

Answer 3

Personaly，我并不是说您应该使用此解决方案，但请尝试：

ul#Test li {float:left;list-style-type:none;}
ul#Test li img {border:none; padding:0; margin:0}

然后用一些css：

<ul id="Test">
    <li>@Html.Image("/Images/icons/arrow-up.gif", "up")</li>
    <li>@Html.Image("/Images/icons/arrow-down.gif", "up")</li>
</ul>