更新面板样式表

更新面板里面我有更新progess我想设置样式表里面的updatepanel像下面我想设置垂直对齐到中间，但我不工作如何修复此代码？更新面板样式表

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="Server"> 
    <ContentTemplate> 
     <asp:Timer ID="Timer1" runat="server" Interval="1" OnTick="Timer1_Tick"></asp:Timer> 
     <asp:Image ID="Image1" runat="server" Width="400px" Height="300px" Visible="false" /> 
     <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"> 
      <ProgressTemplate> 
       <div style="vertical-align:middle;"> 
       <asp:Image ID="Image3" runat="server" ImageUrl="~/Styles/img/loading.gif" /> 
        Please Wait...</div> 
      </ProgressTemplate> 
     </asp:UpdateProgress> 
    </ContentTemplate> 
</asp:UpdatePanel>

来源

2010-08-09 kamiar3001

你有没有加载Firebug插件的Firefox页面，以确保风格已被应用？风格已被应用，但它没有达到你期望的效果。 – 2010-08-09 16:35:51

是的，我同意你的意见，但正如你所知道的Firefox是不同的浏览器也许它是应用在Firefox中，但没有应用在IE中，所以呢？ – kamiar3001 2010-08-09 16:43:32

如果它在一个浏览器中应用，它将被“应用”到这两个浏览器中的元素。浏览器之间的区别几乎总是如何解释应用样式，然后在应用后再渲染。首先要检查的是Firefox是否确定元素“具有样式”。然后你需要看看它对它做了什么，以及它如何与IE做什么不同。在你的情况，这是与图像的框渲染。我已经在下面测试了我的CSS答案，它应该可以工作。 – 2010-08-09 16:52:36

vertical-align：middle;风格对图像没有任何影响。你可能想要做的就是添加一个的CssClass =“loadingimage”的形象和应用以下它：

.loadingimage { 
    float:left; 
    margin-top: 2px; 
}

此外，添加一些填充到div：

<div style="padding:4px;"> 
     <asp:Image ID="Image3" CssClass="loadingimage" 
      runat="server" ImageUrl="~/Styles/img/loading.gif" /> 
     <span>Please Wait...</span> 
    </div>

来源

2010-08-09 16:44:22

更新面板样式表

回答

相关问题