jquery - 如何使 jquery 移动加载器中 ui-loader 的宽度更宽？

Question

目前，我在我的元素中使用来自 jQuery-mobile 的 Loader Widget。这是文档:https://api.jquerymobile.com/loader/

加载本身的 UI 位于具有 ui-loader 类的 div 中。就我而言，我需要扩大这个元素。我试图简单地改变它的默认宽度，但它却破坏了元素的位置。因此，有没有什么合适的方法可以让ui-loader的宽度变宽呢？

这是我的代码: https://jsfiddle.net/yusrilmaulidanraji/u1q4xjnt/1/

这是默认条件:

在我尝试改变它的宽度后，这个位置不再在中心页面上了:

Answer 1

将加载程序的定位切换为绝对定位应该可行。然后可以使用以下 CSS 将其居中:

.ui-loader {
width: 300px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
margin: 0;
}

这会将位置设置为绝对位置，并使用 left、top 和 transform 的组合使其居中。无论宽度是多少，这都应该有效。

希望这对您有所帮助。