如何在 ASP.NET 超链接控件中居中图像

Question

我的控件如下：

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

C# 代码隐藏：

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;
}

如果我将 class 应用于 img 元素，则 CSS 有效，但控件只能将 class 设置为 a 元素。

我尽可能避免使用 JavaScript。

Answer 1

请使用CSS:

 text-align:center;

Answer 2

要操作内部标签的样式 img 只需使用相应的 css 访问器：

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