如何將作爲ASP.NET圖像控件提供的圖像居中？

這個問題很簡單。我有一個<asp:Image>，它住在<asp:Panel>。我的目標是提供一個非常基本的「打印預覽」，其中選擇左側，中間或右側對齊。面板代表完整的打印區域（一張8.5「×11」的紙張），裏面的圖像是實際打印的區域。完整的代碼是這樣的：如何將作爲ASP.NET圖像控件提供的圖像居中？

<asp:Panel ID="Panel2" runat="server" 
    BackColor="Black" 
    BorderStyle="Inset" 
    Width="425px" 
    Height="550px" > 
    <asp:Image runat="server" Height="425px" ImageAlign="" /> 
</asp:Panel>

我設置ImageUrl屬性後面的代碼中，沒有任何問題存在。如果我想將圖像一直向左或向右對齊，則可以只指定ImageAlign="[Left|Right]"。但是，我一直沒能找到方法中心面板中的圖像。我已經嘗試了所有不同的ImageAlign值，並且他們都沒有做我想做的事。我是SOL嗎？如果必須的話，我可以改變圖像或面板的CSS類，但我無法弄清楚這種方法的成功之處。

來源

2009-08-06 Matt Ball

，如果你使用的面板HorizontalAlign = 「中心」屬性.......

<asp:Panel runat="server" ID="Panel2" HorizontalAlign="Center"> 
</asp:Panel>

來源

2009-08-07 05:08:05

在面板的標籤（成爲一個div客戶端）只需添加此屬性：

CssStyle="text-align:center;"

雖然這將是中央面板內的一切。

也許只是將圖像的CssStyle設置爲硬編碼的左邊距？如果你的目標是一個固定寬度的打印預覽，這應該是確定的。

來源

2009-08-06 16:41:33

這個中斷會將ImageAlign指定爲左還是右？ – 2009-08-06 17:39:57

只有一種方法可以找出;）...我想你會離開ImageAlign propery。 – 2009-08-06 18:13:31

面板CSS屬性：

CssStyle="alignCenter"

CSS：

.alignCenter 
{ 
    margin: 0 auto; 
}

來源

2009-08-06 17:19:24 IrishChieftain

你可以使用內聯樣式表或外部樣式表來完成此操作並在其中添加您的css代碼

來源

2012-04-03 00:29:15 theITvideos

請提供css代碼。 – 2012-11-12 23:04:18

如何將作爲ASP.NET圖像控件提供的圖像居中？

回答

相關問題