c# - 垂直对齐asp面板

Question

我在asp页面中有一个面板，我想向该面板添加图像，以便该图像位于面板的中心:

protected void Page_Load(object sender, EventArgs e)
{
    Panel panel = new Panel();
    panel.HorizontalAlign = HorizontalAlign.Center;  
    //here I want set verticalAlign for the panel

    Image image = new Image();
    image.imageURL = imageurl;
    panel.controls.add(image);
    this.form1.controls.add(panel);
}

我尝试使用 CSS:

p.CssClass = "css1";

CSS 是:

<style type="text/css"> 
        .css1
        {
            vertical-align: middle;              
        }
</style>

但这没有给出结果。

那么，如何将图像定位在面板的中心(水平和垂直)？

请不要推荐

padding-top:20px; 

这会改变面板的高度。我必须始终保持面板的尺寸。

Answer 1

面板仅呈现为 div，因此这个问题的答案应该有用:

Align vertically using CSS 3 (特别是@j-man86 的第二个答案，详细介绍了解决问题的两种方法)。

如果你只是想让 vertical-align: middle; 工作，那么最简单的方法是将 display: table-cell; 添加到相同的 css 声明中，但是这不一定是垂直对齐的最佳 CSS 解决方案。