垂直對齊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解決方案。