我有一个像这样的非常简单的加载器
<i class="icon-refresh icon-spin"></i> //font awesome
我在所有 ajax 请求上都使用它。ajax请求的响应被插入.html()到请求本身定义的不同dom元素中，可以以最小的div作为整个页面。
我的问题是我想将加载器始终定位在目标元素的中间，中心宽度和中间高度。
任何的想法？
问问题
304 次
1 回答
2
这更像是一个CSS问题：
.containerForAjaxContent { position: relative; }
.icon-refresh.icon-spin { position:absolute; top:50%; left:50%; }
关于绝对定位的说明：
所以，让我们用一组简单的步骤来总结一下——找到一个包含 position:absolute 的元素的包含块，这就是你需要做的：
查看绝对定位元素的父元素——该元素的位置属性是否具有相对、绝对或固定值之一？
如果是这样，您已经找到了包含块。
如果没有，则移动到父元素的父元素并从步骤 1 重复，直到找到包含块或用完祖先。
如果您在没有找到定位祖先的情况下到达了 html 元素，那么包含块就是 html 元素。
来源：http ://www.w3.org/wiki/CSS_absolute_and_fixed_positioning#Containing_blocks
于 2013-03-22T15:52:04.423 回答