Question

问题非常简单。我有<asp:Image>住在<asp:Panel>。我的目标是提供一个非常基本的“打印预览”，其中选择左，中或右对齐。面板代表完整的打印区域（一张8.5“x 11”纸张），里面的图像是实际打印的区域。完整的代码是：

<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类，但我也无法找到任何成功的方法。

Answer 1

如果使用面板HorizontalAlign =“Center”属性.......

，该怎么办？

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

Answer 2

在您的面板标签（成为div客户端）中添加此属性：

CssStyle="text-align:center;"

虽然这会将所有内容集中在该小组中。

也许只是将图像的CssStyle设置为硬编码的左边距？如果你的目标是固定宽度的打印预览，这应该没问题。

Answer 3

Panel CSS Property：

CssStyle="alignCenter"

CSS：

.alignCenter
{
    margin: 0 auto;
}

Answer 4

您可以使用内联样式表或外部样式表来完成此操作并在其中添加css代码

如何将作为ASP.NET图像控件提供的图像居中？

4 个答案: