如何在ASP.NET HyperLink控件中居中图像

时间:2016-01-05 14:16:09

标签: c# html css asp.net webforms

我的控制如下:

<asp:HyperLink CssClass="link-image" ID="Link1" runat="server"/>

C#Code-Behind:

Link1.ImageUrl = "imagePath";

生成的HTML代码:

<a class="link-image" id="MainContent_Link1">
    <img alt="" src="\Images\Advertising\ImageFile1.jpg">
</a>

我的CSS:

.link-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

如果我将类应用于img元素,则CSS可以工作,但控件只能将类设置为a元素。

如果可能,我尽量避免使用JavaScript。

2 个答案:

答案 0 :(得分:2)

要操纵内部标记img的样式,只需使用相应的css访问器:

.link-image img {
  /* style for img goes here
}

答案 1 :(得分:0)

请使用CSS:

 text-align:center;