位置和样式ajax加载程序

我想定位（总是在页面中心为所有设备）和样式（颜色，大小等）我的ajax加载程序gif。对于职位我使用@媒体查询，我想在我的JavaScript中指定一个div ID。我尝试了内联样式，但这并不奏效。我的目标有可能做到吗？位置和样式ajax加载程序

$("#list").html("<img src='/images/ajax-loader.gif' width='200'>");

2016-08-13 raulbaros

您需要添加更多有关您已经尝试过的信息/代码（可能是附加后生成的HTML和CSS）。你有没有尝试使用自动左右边距进行对中？ –

@Joseph Young - 我的主要问题是在上面的javascript中定义我的ajax loader gif，以便我可以应用我的CSS定位和样式代码。 – raulbaros

不知道你的意思是“不重新工作”，我们在这里猜测。但是内嵌样式应该只是罚款为中心

$("#list").html("<img src='/images/ajax-loader.gif' width='200' style='position:fixed; left:50%; top:50%;transform: translate(-50%, -50%);'>");

我建议这个移动到一个类你的CSS，但：

.loader { 
    position:fixed; 
    left:50%; 
    top:50%; 
    transform: translate(-50%, -50%); 
}

然后，只需应用它：

 $("#list").html("<img src='/images/ajax-loader.gif' width='200' class='loader'>");

2016-08-13 13:13:52 mcgraphix

谢谢你，正是我所寻找的。 – raulbaros

回答