如何使此链接中的文字变为粗体?

时间:2012-03-27 20:30:22

标签: asp.net-mvc

@Html.ActionLink("Edit Me", "Edit", new { id=item.ID })

在上面的示例中,如何将“Edit Me”加粗?我尝试在文本周围放置<b></b>,但粗体标签按字面显示。该链接不显示“编辑我”,而是显示“<b>编辑我</b>”。

谢谢!

PS - 我正在使用MVC 4测试版,但我没有看到特定的标签。

4 个答案:

答案 0 :(得分:5)

最简单的方法是使用style属性,如:

@Html.ActionLink("Edit Me", "Edit", new { id=item.ID, style="font-weight:bold;" })

或者您可以将在css中定义的类设置为粗体

@Html.ActionLink("Edit Me", "Edit", new { id=item.ID, @class="yourBoldClass" })

CSS:.yourBoldClass { font-weight: bold; }

答案 1 :(得分:2)

我通常不会将样式应用于ACtionLink方法,因为我认为它不是一种干净的方法。相反,我将使用一个css类并在那里定义我的风格,并在我的链接中使用它,如此

@Html.ActionLink("Edit Me", "Edit","yourControllerName", new { id=item.ID },new {@class="yourClassName"})

并拥有像这样的css类

.yourClassName
{
  font-weight:bold;

}

你在这里使用这个构造函数

public static MvcHtmlString ActionLink(
    this HtmlHelper htmlHelper,
    string linkText,
    string actionName,
    string controllerName,
    Object routeValues,
    Object htmlAttributes
)

以下是文档:http://msdn.microsoft.com/en-us/library/dd504972.aspx

答案 2 :(得分:2)

您可以将您的网址放在&lt; b&gt;&lt; / b&gt;之间那样:

<b> @Html.ActionLink("Edit Me", "Edit", new { id=item.ID }) </b>

但是带css的版本更好

答案 3 :(得分:1)

您无法在Html.ActionLink的链接文字中插入html。

手动编写<a>“(或创建新助手):

<a href="@Url.Action("Edit", new { id=item.ID })"><b>"Edit Me"</b></a>

或者在链接中添加一个类并使用CSS进行“粗体化”。