如何将作为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图像控件提供的图像居中？

回答

相关问题