图像链接之间出现不必要的线条

Question

我并排使用三张图片，并为每张图片添加了一个Url.Action。代码工作正常，但图像正在显示它们之间的某种线。这是我的代码：

<a href="@Url.Action("Subcribe", new { id = item.ID })">
    <img src="images\subscribe.png" style="border:0" alt="Subscribe" />
</a>
<a href="@Url.Action("Edit", new { id = item.ID })">
    <img src="images\edit.png" style="border:0" alt="Edit" />
</a>
<a href="@Url.Action("Delete", new { id = item.ID })">
    <img src="images\delete.png" style="border:0" alt="Delete" />
</a>

编辑 - 当我尝试使用备用的非Url.Action方法时，也会发生这种情况：

<a href="Subcribe\@item.ID">
    <img src="images\subscribe.png" style="border:0" alt="Subscribe" />
</a>

以下是图像的显示方式：

Answer 1

尝试将每张图片放在一行中：

<a href="@Url.Action("Subcribe", new { id = item.ID })"><img src="images\subscribe.png" style="border:0" alt="Subscribe" /></a>

它似乎是您链接中空格的下划线。你也可以添加'text-decoration：none;'这些链接的风格。