2

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;

これにより、パネルの高さが変わります。パネルの寸法を一定に保つ必要があります。

4

1 に答える 1

4

パネルは div としてレンダリングされるだけなので、この質問への回答が役立つはずです。

CSS 3 を使用して垂直方向に整列し ます (特に @j-man86 による 2 番目の回答には、問題を解決する 2 つの方法が詳しく記載されています)。

作業したいだけの場合vertical-align: middle;、最も簡単な方法は同じ css 宣言に追加display: table-cell;することですが、それが垂直方向の配置に最適な CSS ソリューションであるとは限りません。

于 2012-10-05T09:47:00.433 に答える