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

【问题标题】：How To Centre Image in ASP.NET HyperLink Control如何在 ASP.NET 超链接控件中居中图像
【发布时间】：2016-04-09 09:38:11
【问题描述】：

我的控制如下：

<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。

【问题讨论】：

使用 CSS：text-align:center;
我怀疑您在超链接控件中为图像遗漏了一些标记 - 它不能为img 标记生成 HTML 无处不在。无论如何，.link-image img 将允许您设置图像标签的样式。
@Andrei 这行得通！我现在觉得很傻。无论如何，我留下了现在包含的代码隐藏。谢谢！如果您作为答案发布，我将标记为已接受。

【解决方案1】：

请使用 CSS：

 text-align:center;

【讨论】：

【解决方案2】：

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

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

【讨论】：