如何将复杂的 HTML <a> 标签转换为 ASP .NET MVC 3 ActionLink？答案

【问题标题】：How to convert complex HTML <a> tag to ASP .NET MVC 3 ActionLink?如何将复杂的 HTML <a> 标签转换为 ASP .NET MVC 3 ActionLink？
【发布时间】：2011-11-30 09:16:16
【问题描述】：

按照设计我有

<a href="#"><span><strong>ABOUT US</strong></span></a>

有 CSS 可以用 span 标签做一些特殊的事情。

但是我需要把它转换成

@Html.ActionLink("ABOUT US", "About", "Home")

所以我必须以某种方式将 span strong 放入 @Html.ActionLink

感谢您提供任何线索！

【问题讨论】：

标签： html asp.net-mvc asp.net-mvc-3

【解决方案1】：

我不会使用 Html.ActionLink 帮助器，而是使用以下方式：

<a href="@Url.Action("About", "Home")"><span><strong>ABOUT US</strong></span></a>

【讨论】：

【解决方案2】：

您应该尝试创建自己的自定义 html 帮助程序，这里有一些线索： Is it possible to use an ActionLink containing an element?

希望有帮助:)

【讨论】：

嗨！谢谢！这正是我问的！单击此框中的任意位置

【解决方案3】：

使用 Url.Action 仅生成 url，而不是 (a) 链接标签。请参阅以下链接。

http://www.netrostar.com/MVCOutgoingUrls

【讨论】：

【解决方案4】：

或者，更改您的 css 以便任何具有“强”类的 <a> 标记都具有您想要应用于它们的样式。

如果你的 css 是这样的：

strong {
   /* whatever */
}

改成

strong, a.strong {
   /* whatever */
}

然后你可以通过像这样添加 class="strong" 来设计你的链接

<a href="#" class="strong">ABOUT US<a>

将相同的样式应用于链接。

然后你可以通过去实现相同的 HTML

@Html.ActionLink("ABOUT US", "About", "Home", null, new { @class = "strong"} ) ;

这将呈现一个带有“strong”类的链接

【讨论】：

嗯...我猜到了这种方法，但在这种情况下，我必须更改太多 CSS :) 无论如何 - 谢谢！