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

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

如果我将类应用到 img 元素，CSS 会起作用，但控件只能将类设置到 a 元素。

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

Answer 1

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

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