css - 在 div 中居中表单

Question

如何使表单居中，与 div 内的提交按钮对齐？ http://www.magnixsolutions.com/dev/test/test.html

.containerForm {
    padding-top: 20px;
    text-align: center;
    width: 250px;
    float: right;
    padding-right: 65px;    
}
.containerSecuImgs {
    text-align: center;
    width: 250px;   
}

此外，在放置 padding-bottom: 20px; 之后，下面的两个图像不会让我向上移动一点；我做错了什么？

Answer 1

用包装元素（例如 div）包装标签和输入组，并为其提供一个边距以0 auto使其居中。在该包装元素内，您可以根据需要浮动标签和输入。

这是我为你敲的一个例子：http: //jsfiddle.net/BqEa8/

Answer 2

应用margin: 0px auto;会将 html 元素定位到浏览器窗口的中心。

尝试将其添加到您的 css 中：

.well label {
  margin: 0px auto;
}

希望它能帮助您解决中心对齐问题

Answer 3

将此类添加到 div：

.centerxa {
    position: absolute;
    left: 50%;
    height: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}