垂直对齐asp面板答案

【问题标题】：vertical align asp panel垂直对齐asp面板
【发布时间】：2012-09-26 10:57:28
【问题描述】：

我在 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;

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

【问题讨论】：

标签： c# asp.net panel vertical-alignment

【解决方案1】：

面板只是呈现为一个 div，所以这个问题的答案应该是有用的：

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

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

【讨论】：