在頁面的中心放置ajax加載圖像

-1

現在用的是上面的代碼使用前面

在div元素加載圖像通過AJAX加載數據庫記錄我的問題是如何使該加載圖像在移動頁面可以是由中央出現一些CSS的方式或任何其他手段感謝

<script type="text/javascript"> 

$(document).ready(function() { 

//setInterval(function(){ 


$('#loan').fadeIn(400).html('<img width="60" height="60" src="load.gif" align="absmiddle">&nbsp;<span class="loading">Loading Data....Please Wait</span>'); 

$.ajax({ type: "POST", 
url:'load.php', 
data:"uname="+uname, 
success:function(data){ 
$('#bring_data').html(data); 
$('#load_spin').hide(); 
} }) 

//}, 10000); 


}); 


</script> 


<div id="load_spin"></div>

來源

2014-11-16 Sectona

位置：absolute; top：50％; left：40％; – Exlord

您需要使用CSS爲。

#load_spin { 
    display: block; 
    position: absolute; 
    top: 50%, 
    left: 50%; 
    margin-top: -30px; 
    margin-left: -30px; 
}

提供的#load_spin父元素被相對定位，上述CSS將確保與ID load_spin元素此容器內被水平和垂直居中。

來源

2014-11-16 10:38:33 odiumediae

如果您的問題滿足您的要求，請將相應的答案標記爲正確的答案，或者如果您可以或喜歡，請將其投票。 – odiumediae

將圖片居中放置的方法：將圖片放入其中，並將邊緣屬性應用於其中。

例如：

< --css文件 - >

img.displayed { 
 
    display: block; 
 
    margin-left: auto; 
 
    margin-right: auto }

<img class="displayed" src="file.jpg" alt="file">

希望這有助於！

來源

2014-11-16 10:39:30

對於大寫的HTML標籤，我會投下這個答案，如果我能。此外，你的CS只能在水平方向將圖像置於中心位置，我不確定這是OP究竟在爭取什麼。 – odiumediae

在頁面的中心放置ajax加載圖像

回答

相關問題