如何讓jquery移動加載器中的ui-loader的寬度變得更寬？

Question

目前，我在我的項目中使用jQuery-mobile的Loader Widget。這裏是文檔：https://api.jquerymobile.com/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; 
} 

這將設置位置，以絕對的，並且使用的左，上的組合和變換使其居中。無論寬度是多少，這都可以工作。

希望這會有所幫助。