ASP.NET MVC将类和图像添加到锚元素[重复]答案

【问题标题】：ASP.NET MVC add class and image to an anchor element [duplicate]ASP.NET MVC将类和图像添加到锚元素[重复]
【发布时间】：2014-03-10 17:41:13
【问题描述】：

我有一个内部带有图像的锚元素，我想使用 ASP.Net MVC 中的 @Html.ActionLink 来创建它：

<a class="element image-button image-left place-left" style="color: #3D1400">
   Some text here
   <img src="~/Content/Images/logo.png" />
</a>

有人可以帮我做吗？谢谢

【问题讨论】：

那么，没有办法用 Html.ActionLink 做到这一点，只用 Action 并像往常一样放置 Html 的其余部分？
@yosoy 在我不久前从事的一个项目中，我们使用了一个名为 ImageActionLink 的自定义 HtmlHelper 来解决这种情况，因此您可以尝试实现这样的事情。
好主意，我也试试。现在我使用@Url.Action 解决了。非常感谢

标签： c# html asp.net-mvc

【解决方案1】：

使用 ActionLink 可以在视图中执行以下操作

@Html.ActionLink("View Details", "Detail", new { @class = "detailsIcon"})

在你的样式表中你可以定义类似

.detailsIcon
{
  background: url(AnImage.png);
}

【讨论】：

是的，即使是 @Nathan 建议的 Url.Action() 也很棒。
谢谢，即使我用 Url.Action 解决了，考虑到问题是使用 Html.ActionLink 我相信你的答案是最准确的。

【解决方案2】：

所以我找到了一种使用@Url.Action 方法而不是@Html.ActionLink 的方法

<a class="element image-button image-left place-left" style="color: #3D1400" href="@Url.Action("Index","Home")">
         Some text here
      <img src="~/Content/Images/logo.png" />
</a>

感谢@Nathan Koop 提供链接。

【讨论】：