4

这个问题很简单。我有一个<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 值，但它们似乎都没有做我想要的。我在这里吗？如果必须，我可以更改图像或面板的 CSS 类，但我也无法用这种方法找到任何成功的东西。

4

4 回答 4

6

如果您使用面板 Horizo​​ntalAlign="Center" 属性会怎样......

<asp:Panel runat="server" ID="Panel2" HorizontalAlign="Center">
</asp:Panel>
于 2009-08-07T05:08:05.003 回答
2

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

CssStyle="text-align:center;"

尽管这会将所有内容都集中在该面板中。

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

于 2009-08-06T16:41:33.687 回答
0

面板 CSS 属性：

CssStyle="alignCenter"

CSS：

.alignCenter
{
    margin: 0 auto;
}
于 2009-08-06T17:19:24.673 回答
0

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

于 2012-04-03T00:29:15.207 回答