在中心对齐 div 不起作用答案

【问题标题】：Aligning div at center doesn't work在中心对齐 div 不起作用
【发布时间】：2012-11-15 02:44:30
【问题描述】：

我尝试将整个时事通讯(mailchimp) div 居中，但它不起作用。我已经输入了以下代码：

#mc_embed_signup {
margin: 0 auto;

使其居中。我希望尺寸为 400 像素，当我尝试更改提交按钮的尺寸以使其相同时，在浏览器（chrome 工具）上使用以下代码它可以工作，但是当我将它放入代码中时不是。

#mc_embed_signup input.button {
display: block;
width: 58%;
margin: 0 0 10px 0;
min-width: 90px;
}

width: 58%; 应该做的工作..不是吗？

【问题讨论】：

是的，它应该可以工作。您可以将百分比定义为宽度值。它不会解决你的问题。因为您清除了它，所以您应该重新输入表单的值。所以你的输入和按钮应该有一个margin-left和margin-right，应该设置为auto
是的，它应该，但它没有！提交按钮保持不变。只有在运行中，当我增加 chrome 工具中百分比的计算时，它才能工作

标签： html css alignment center

【解决方案1】：

简单：将 Input 元素的 margin-left 和 margin-right 设置为“auto”。

示例 CSS：

#mce-EMAIL
{
   margin-left: auto;
   margin-right: auto;
}

#mc-embedded-subscribe
{
   margin-left: auto;
   margin-right: auto;
}

【讨论】：

【解决方案2】：

试试这个：

#mc_embed_signup input.button {
display: block;
width: 35%;
margin: 0 auto;
min-width: 90px;
}

#mc_embed_signup input.email {
display: block;
padding: 8px 0;
text-indent: 5px;
width: 58%;
min-width: 130px;
}

【讨论】：