如何使用 CSS 在网格视图的中心显示 UpdateProgress？

【问题标题】：How to display UpdateProgress at the center of a grid view with CSS?如何使用 CSS 在网格视图的中心显示 UpdateProgress？
【发布时间】：2012-01-01 00:47:18
【问题描述】：

需要在放置在 Ajax 更新面板中的网格视图的中心显示更新进度。有没有办法使用 CSS（不使用 jQuery 或 Java Script）将 Update progreass 控件放置在网格视图的中心（或页面中心）？

【问题讨论】：

我们需要查看一些代码，然后我们才能更好地帮助您。活生生的例子也是黄金 :)

标签： asp.net css webforms updatepanel updateprogress

【解决方案1】：

除非你 absolutely position GridView 中间的 UpdateProgess div，否则不能只使用纯 CSS。如果你可以在你的应用程序中使用它，我觉得 jQuery 会更干净。

【讨论】：

【解决方案2】：

将网格视图和更新进度 html 放在包装器 div 中。将 div 相对定位，将更新进度绝对定位在中心。

查看我设置的这个 jsfiddle：http://jsfiddle.net/DDdyU/

主要样式是

.wrapper
{
    position: relative;
}
.updateProgress
{
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-right: -20px;
}

负边距是更新进度的一半。

【讨论】：