ASP.NET:如何在 aspx 中右对齐图像？

Question

我有一张图片链接到我的主页。是否有我可以指定的属性以在其列(我下面的代码)中右对齐图像？我不想使用比只使用一个属性更复杂的东西。谢谢。

请注意:我只想右对齐这张图片。不是整个 div。

<div class="leftCol">
<asp:HyperLink ID="HyperLink" runat="server" ImageUrl="~/home.jpg" NavigateUrl="http://myhomepage.edu">HyperLink</asp:HyperLink>
</div>

Answer 1

使用 CSS:

<style type="text/css">
    .leftCol a img { float: right; }
</style>
<div class="leftCol">
    some text here <asp:HyperLink ID="HyperLink" runat="server" ImageUrl="~/home.jpg" NavigateUrl="http://myhomepage.edu">HyperLink</asp:HyperLink>
</div>

或(更好)

<style type="text/css">
    .rightAlign { float: right; }
</style>
<div class="leftCol">
    some text here <asp:HyperLink CssClass="rightAlign" ID="HyperLink" runat="server" ImageUrl="~/home.jpg" NavigateUrl="http://myhomepage.edu">HyperLink</asp:HyperLink>
</div>

建议将 CSS 放在样式表文件中，但出于演示目的，我在此处包含样式内联。