如何在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的组合来居中。无论宽度是多少，这都应该有效。

希望这有帮助。