ASP.NET：如何正確對齊aspx中的圖像？

我有一個圖像鏈接到我的主頁。是否有一個屬性可以指定將列中的圖像對齊（我的代碼如下）？我不想使用任何比使用屬性更復雜的東西。謝謝。ASP.NET：如何正確對齊aspx中的圖像？

請注意：我只是想對齊只有這張圖片。不是整個div。

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

來源

2011-06-16 user776676

使用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樣式表中的文件，但出於演示的目的，我在這裏包括了風格的行內。

來源

2011-06-16 16:42:06

我只是想在專區內對齊只有超鏈接的圖像。你的代碼示例將對齊div中的所有內容，我錯了嗎？謝謝。 – user776676 2011-06-16 16:48:46

這是正確的，它會對齊div中的所有內容。看我的編輯。 – 2011-06-16 16:52:58

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

來源

2011-06-16 16:55:37

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

來源

2011-06-16 16:56:47 afaf12

ASP.NET：如何正確對齊aspx中的圖像？

回答

相關問題