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

Question

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

加载本身的 UI 位于具有 ui-loader class 的 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;
}

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

希望对您有所帮助。