使用 ASP.Net Web 窗体视图答案

【问题标题】：Working with ASP.Net Web Forms Views使用 ASP.Net Web 窗体视图
【发布时间】：2015-12-21 13:50:30
【问题描述】：

我的视图页面中有这段代码

<asp:HyperLink ID="hyperlink_TruckList" runat="server" 
     Text="Truck List" NavigateUrl="~/View/Trucklist.aspx" 
     Font-Underline="false"></asp:HyperLink>

如何添加-

class="col-sm-4" 
style="text-align: center; font-size: 18px; color: black; height: 40px; padding-top: 8px; background: #E8D73E">

和

<i class="glyphicon glyphicon-home"></i>

在吗？

【问题讨论】：

标签： c# html css asp.net webforms

【解决方案1】：

您可以通过编程方式附加样式

hyperlink_TruckList.Style.Add("class", "col-sm-4");
hyperlink_TruckList.Style.Add("style", "text-align: center; font-size: 18px; color: black; height: 40px; padding-top: 8px; background: #E8D73E");

【讨论】：

【解决方案2】：

首先将其添加到您的 css 文件中

.need
{
text-align: center; font-size: 18px; color: black; 
height: 40px; padding-top: 8px; background: #E8D73E;
}

然后简单地写下这段代码

<asp:HyperLink ID="hyperlink_TruckList" runat="server" 
 Text="Truck List" NavigateUrl="~/View/Trucklist.aspx" CssClass="col-sm-4 need"
 Font-Underline="false">
        <i class="glyphicon glyphicon-home"></i> 
</asp:HyperLink>

【讨论】：

【解决方案3】：

Server Control CssClass 和 Style 属性分别相当于 HTML class 和 style 属性。

<asp:HyperLink ID="hyperlink_TruckList" runat="server" Text="Truck List" NavigateUrl="~/View/Trucklist.aspx" Font-Underline="false" CssClass="col-sm-4" Style="text-align: center; font-size: 18px; color: black; height: 40px; padding-top: 8px; background: #E8D73E">
     <i class="glyphicon glyphicon-home"></i>
</asp:HyperLink>

【讨论】：