DIV 居中

来源：互联网发布：linux 查看内核参数编辑：程序博客网时间：2024/04/29 04:25

方法1：

原理： margin-left = -width/2

方法2：

.LoadCenterProgress2
            {
             height: 25px;
             width: 300px;
             background-color: #FAD163;
             line-height: 25px;
             color: #00C;

             text-align:center;
             position:absolute;
             left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);
             top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);
            }

优点：动态计算width/2, 此方法好像在Popup中会无效？

附带UpdatePanel的用法：

<asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdateProgress ID="UpdateProgress1" runat="server">
            <ProgressTemplate>
                <div class="LoadCenterProgress" id="progressDiv" >
                    Shipping ...
                </div>
            </ProgressTemplate>
        </asp:UpdateProgress>
  <asp:UpdatePanel ID="UpdatePanel" runat="server" UpdateMode="always">
            <ContentTemplate>

some html

</ContentTemplate>

</asp:UpdatePanel >