如何将作为 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 类，但我也无法通过这种方法找到任何成功的东西。
The question is pretty straightforward. I have an <asp:Image> which lives in an <asp:Panel>. My goal is to provide a very basic "print preview" where either left, center, or right alignment is selected. The panel represents the full print area (a sheet of 8.5" x 11" paper) and the image inside is the area that will actually get printed. The full code is this:
<asp:Panel ID="Panel2" runat="server"
BackColor="Black"
BorderStyle="Inset"
Width="425px"
Height="550px" >
<asp:Image runat="server" Height="425px" ImageAlign="" />
</asp:Panel>
I set the ImageUrl property in the code behind, no problems there. If I want to align the image all the way to the left or right, I can just specify ImageAlign="[Left|Right]". However, I haven't been able to find a way to center the image in the panel. I've tried all the different ImageAlign values and none of them seem to do what I want. Am I SOL here? If I have to, I can alter the CSS class for the image or panel but I couldn't figure out anything successful with that approach either.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
面板 CSS 属性：
CSS：
Panel CSS Property:
CSS:
您可以使用内联样式表或外部样式表来完成此操作并在其中添加 css 代码
you can either use inline style sheet or external style sheet to accomplish this and add your css code in it
如果你使用面板 HorizontalAlign="Center" 属性会怎样......
what if you use panel HorizontalAlign="Center" property.......
在您的面板标签（成为 div 客户端）中只需添加此属性：
尽管这将使该面板中的所有内容居中。
也许只是将图像的 CssStyle 设置为硬编码的左边距？ 如果您的目标是固定宽度的打印预览，那么这应该没问题。
in your panel tag (which becomes a div client side) just add this attribute:
Though that would center EVERYTHING within that panel.
Perhaps just set the CssStyle of the image to a hardcoded left-margin? If your goal is a fixed width print preview, this should be ok.