您的位置: 首页  >  文章  >  加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案

加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案

分类: 文章 • 2024-10-19 17:11:40
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案
UpdatePanel 配合ModalUpdateProgress 可以很好实现提交弹出模态遮罩层。可是遇到一个问题。就是加入了ModalUpdateProgress 。页面的不居中，反而偏左。
后来发现加了ModalUpdateProgress ，会自动给body加入一个CSS和ID属性。
解决方法是：在CSS文件加入来覆盖默认的样式。就搞定了。
#ext-gen6
{
 text-align: center;
 margin: 0 auto;
}
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案

具体代码如下。
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案HTML
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案    <div>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="conditional">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案            <ContentTemplate>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                <table cellspacing="0" cellpadding="0" width="100%" border="0">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                    <tbody>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                        <tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_Left_t1">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_t2" id="Td1">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                用户登陆
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                <!--Title-->
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_t3">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                        </tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                    </tbody>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                </table>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                <table cellspacing="0" cellpadding="0" width="100%" border="0">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                    <tbody>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                        <tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_m1">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_m2" id="Td2">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                <table cellspacing="0" cellpadding="0" width="100%" border="0">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                    <tbody>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                        <tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            <td class="ItemList" align="right" style="width: 135px;">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                用户名：</td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            <td class="ItemList">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                <asp:TextBox ID="txtName" runat="server" Width="150px"></asp:TextBox>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                        </tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                        <tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            <td class="ItemList" align="right">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                密码：
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            <td class="ItemList">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                <asp:TextBox ID="txtPwd" runat="server" TextMode="Password" Width="150px"></asp:TextBox>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                        </tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                        <tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            <td class="ItemList">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                &nbsp;
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            <td class="ItemList">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                <asp:Button ID="btn_Submit" runat="server" Text=" 登陆 " OnClick="btn_Submit_Click"
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                    OnClientClick="javascript:return CheckForm()" />&nbsp;
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/App_Themes/Default/Images/mashangzhuce.jpg"
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                                    CausesValidation="false" OnClick="ImageButton1_Click" />
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                        </tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                    </tbody>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                </table>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_m3">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                        </tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                        <tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_b1">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_b2">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                                &nbsp;</td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            <td class="List_b3">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                            </td>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                        </tr>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                    </tbody>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                </table>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案            </ContentTemplate>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案        </asp:UpdatePanel>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案        <ext:ModalUpdateProgress ID="ModalUpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案            <ProgressTemplate>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                <div>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案                    处理中加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案</div>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案            </ProgressTemplate>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案        </ext:ModalUpdateProgress>
加入ExtExtenders的ModalUpdateProgress 后页面不居中解决方案    </div>

转载于:https://www.cnblogs.com/diego0404/archive/2009/03/16/1413171.html

相关推荐