如何将表格置于本网站顶部的中心？答案

【问题标题】：How can I center the form at the top of this website?如何将表格置于本网站顶部的中心？
【发布时间】：2019-09-05 18:25:29
【问题描述】：

谁能帮我将电子邮件注册表单放在本网站顶部的中心：

我很确定一点点简单的 CSS 就可以做到这一点，但我不知道要在此处编辑什么类或其他内容。

提前致谢。

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题得到解决或者您链接的站点无法访问，这个问题将对未来的访问者失去任何价值。发布 Minimal, Complete, and Verifiable example (MCVE) 来证明您的问题将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！

【解决方案1】：

在您的带有row-menu-inner 类的 div 中，您有 2 个 div，最后一个 div <div class="col-lg-12 menu-horizontal"></div> 需要删除，它会将您的表单调整到中心，因为您使用的是 flex。

【讨论】：

【解决方案2】：

在col-lg-0 middle 类上，添加height: 33px; 和display: block; 或display: table-caption;

【讨论】：

【解决方案3】：

我建议您使用分配给父表单元素的 ID，以防分配的类被分配给其他元素。

CSS：

#form_id {
     display: block;
     margin: auto;
}

HTML：

<form id="form_id">
    ...
</form>

【讨论】：

我尝试使用“inf_form_647e604918a3f0a0c52cd6b907f9d7d3”的表单 ID 执行此操作，但没有成功。我也尝试过使用 !important ，但仍然没有用。我只是不明白这里有什么问题。似乎有其他东西迫使它左对齐。