Question

我有一个联系表单的脚本，在客户按下“提交”后显示Thnks消息和图像。事情就是一切都与右边对齐，但我想把它集中在一起。此外，在客户按下“提交”后，它将下一个推到底部。我将尝试将代码和链接发布到我的网站。 My website

这是代码本身：

//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

顺便说一句，我用于造型Bootstrap。对不起，如果不清楚。

Answer 1

正如评论所示，这可能最适合CSS：

这样可以解决问题：

.contactus {
  text-align: center;
}

如果你真的想使用jQuery将它放在document.ready函数中的某个位置：

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

Answer 2

检查了您的网站联系表单，您似乎只需将text-align:center;添加到课程.well-sm

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

这只能用css来实现。

如何使用jQuery居中图像？

2 个答案: