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放在样式表文件中，但出于演示目的，我在此处将样式包含在内。

Answer 2

<div class="leftCol">
    <div>
        Stuff that should align left
    </div>
    <div style="float:right; display:inline;">
        <asp:HyperLink ID="HyperLink" runat="server" ImageUrl="~/home.jpg"
                   NavigateUrl="http://myhomepage.edu">HyperLink</asp:HyperLink>
    </div>
</div>

Answer 3

<style type="text/css">
.link
{
 float: right;   
}
</style>

<div>
    <asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="~/logo.png" CssClass="link">HyperLink</asp:HyperLink>
</div>
</form>

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

3 个答案: