수직 정렬 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

패널 그냥 사업부로 렌더링, 그래서이 질문에 대한 답변이 사용이어야한다 : 특히

Align vertically using CSS 3 (두 번째 대답은, @ j를-man86하여 문제를 해결하는 두 가지 방법에 대한 세부 사항이있다).

vertical-align: middle; 만 작동하게하려면 가장 쉬운 방법은 동일한 CSS 선언에 display: table-cell;을 추가하는 것이지만 수직 정렬에 가장 적합한 CSS 솔루션은 아닙니다.