如何使用jQuery将图像居中？

我有一个我的联系表单的脚本，它显示Thnks消息和客户按下“提交”后的图像。事情是，一切都是正确的，但我想集中。另外，在客户按下“提交”后，它将下一个下推到底部。我会尝试将代码和链接发布到我的网站。 My website 如何使用jQuery将图像居中？

这是代码本身：

//Contact form AJAX form 
 
function _(id) { 
 
    return document.getElementById(id); 
 
} 
 

 
function submitForm() { 
 
    _("mybtn").disabled = true; 
 
    _("status").innerHTML = 'please wait ...'; 
 
    var formdata = new FormData(); 
 
    formdata.append("n", _("n").value); 
 
    formdata.append("e", _("e").value); 
 
    formdata.append("p", _("p").value); 
 
    formdata.append("m", _("m").value); 
 
    formdata.append("plans", $('#my_form').find('input[name="plans"]:checked').val()); 
 
    var ajax = new XMLHttpRequest(); 
 
    ajax.open("POST", "example_parser.php"); 
 
    ajax.onreadystatechange = function() { 
 
    if (ajax.readyState == 4 && ajax.status == 200) { 
 
     if (ajax.responseText == "success") { 
 
     _("my_form").innerHTML = '<h2>Thanks ' + _("n").value + '!</h2><p><img src="images/sent.png"></p>'; 
 
     } else { 
 
     _("status").innerHTML = ajax.responseText; 
 
     _("mybtn").disabled = false; 
 
     } 
 
    } 
 
    } 
 
    ajax.send(formdata); 
 
} 
 
//END

顺便说一句，我使用的样式引导。对不起，如果不明确。

来源

2017-05-16 All in One

这听起来像你会用CSS而不是用jQuery做什么？ –

我同意，这应该有不同的标记 –

[如何垂直中心所有浏览器的div？]（http://stackoverflow.com/questions/396145/how-to-vertically-center-a-div-所有浏览器） – Terry

检查了你的网站联系表格，好像你只需要添加text-align:center;到类.well-sm

<style> 
    .well-sm{text-align:center;} 
</style>

这只能用css来实现。

来源

2017-05-16 11:53:38

Thx哥们！有效。你摇滚！ –

@AllinOne很高兴知道，欢迎:) –

正如评论暗示这可能是最好的CSS完成：

这将这样的伎俩：

.contactus { 
    text-align: center; 
}

如果你真的想用jQuery把你document.ready功能这个地方：

$('.contactus').css('text-align', 'center');

来源

2017-05-16 11:52:56 shotor

Thx帮助兄弟！ –

如何使用jQuery将图像居中？

回答

相关问题