内容始终以Dialog为中心

Question

有人可以帮助我（在重新调整Dialog大小之后）在对话框中居中我的内容吗？这两个文本字段应该并排。

在这里查看我的小提琴http://jsfiddle.net/65FUA/。

非常感谢你的帮助！

关心shub

Answer 1

您是否必须使用float: left？

以下是使用display: inline-block和text-align: center;

的解决方案

http://jsfiddle.net/MLnX6/1/

这有用吗？

Answer 2

我将您的输入样式移动到CSS以便于阅读。

基本上为您的margin: 0 auto;元素添加固定宽度（我计算出最佳宽度为387px）和<form>。

form
{
    width: 387px;
    margin: 0 auto;
}

form input
{
    float: left;
}

值得注意的是，在Firefox中，它似乎不像Chrome中的那样（我测试过）只需将宽度增加几个像素，它也可以在FF中使用。

http://jsfiddle.net/65FUA/2/

Answer 3

从输入控件中删除style="float: left"并将其添加到样式表（或样式标记）中：

#div1
{
    text-align:center;

}