Javascript 使用CSS将HTML Div居中

如何使用下面的css水平居中放置下面的div。我试过各种方法，但似乎都不管用。我能做些什么来解决这个问题？多谢各位

CSS:

@import“compass/css3”；
.flexsearch--包装器
{
最大宽度：90%；
溢出：隐藏；
背景：透明；
}
.flexsearch--表单{
溢出：隐藏；
位置：相对位置；
}
.flexsearch—输入包装器{
填充：0 66px 0 0；/*提交按钮宽度的右侧填充*/
溢出：隐藏；
}
.flexsearch--输入{
宽度：100%；
}
/***********************
*可配置样式*
***********************/
.flexsearch{
填充：0 25px 0 200px；/*其他水平元素的填充*/
}
.flexsearch--输入{
-webkit框大小：内容框；
-moz框大小：内容框；
框大小：内容框；
高度：60px；
填充：0 46px 0 10px；
边框颜色：#333；
边框半径：35px；/*（高度/2）+边框宽度*/
边框样式：实心；
边框宽度：5px；
边缘顶部：15px；
颜色：#333；
字体系列：“Helvetica”，无衬线；
字号：26px；
-webkit外观：无；
-moz外观：无；
}
.flexsearch--提交{
位置：绝对位置；
右：0；
排名：0；
显示：块；
宽度：60px；
高度：60px；
填充：0；
边界：无；
页边距顶部：20px；/*页边距顶部+边框宽度*/
右边距：5px；/*边框宽度*/
背景：透明；
颜色：#333；
字体系列：“Helvetica”，无衬线；
字体大小：40px；
线高：60px；
}
.flexsearch--输入：焦点{
大纲：无；
边框颜色：#333；
}
.flexsearch--输入：focus.flexsearch--提交{
颜色：#333；
}
.flexsearch--提交：悬停{
颜色：#333；
光标：指针；
}
：-webkit输入占位符{
颜色：#333；
}
输入：-moz占位符{
颜色：#333
}

---

添加

页边距：自动到
.flexsearch--包装器
。
然后，从
.flexsearch
中删除
填充
，并添加
最大宽度：350px；保证金：自动。这样，输入看起来很好，并且在使用小宽度视口时不会中断

谢谢@NewToJS


.flexsearch——包装器
{
最大宽度：90%；
溢出：隐藏；
背景：透明；
保证金：自动；
}
.flexsearch--表单{
溢出：隐藏；
位置：相对位置；
}
.flexsearch—输入包装器{
填充：0 66px 0 0；/*提交按钮宽度的右侧填充*/
溢出：隐藏；
}
.flexsearch--输入{
宽度：100%；
}
/***********************
*可配置样式*
***********************/
.flexsearch{
/*填充：0 200px 0 200px；其他水平元素的填充*/
保证金：自动；
最大宽度：350px；
}
.flexsearch--输入{
-webkit框大小：内容框；
-moz框大小：内容框；
框大小：内容框；
高度：60px；
填充：0 46px 0 10px；
边框颜色：#333；
边框半径：35px；/*（高度/2）+边框宽度*/
边框样式：实心；
边框宽度：5px；
边缘顶部：15px；
颜色：#333；
字体系列：“Helvetica”，无衬线；
字号：26px；
-webkit外观：无；
-moz外观：无；
}
.flexsearch--提交{
位置：绝对位置；
右：0；
排名：0；
显示：块；
宽度：60px；
高度：60px；
填充：0；
边界：无；
页边距顶部：20px；/*页边距顶部+边框宽度*/
右边距：5px；/*边框宽度*/
背景：透明；
颜色：#333；
字体系列：“Helvetica”，无衬线；
字体大小：40px；
线高：60px；
}
.flexsearch--输入：焦点{
大纲：无；
边框颜色：#333；
}
.flexsearch--输入：focus.flexsearch--提交{
颜色：#333；
}
.flexsearch--提交：悬停{
颜色：#333；
光标：指针；
}
：-webkit输入占位符{
颜色：#333；
}
输入：-moz占位符{
颜色：#333
}

您是否尝试过使用
边距：0自动？“我试过各种方法，但似乎都不管用”你试过什么方法？将这些方法包括在你的问题中是有意义的，因为这可能会避免人们提出同样的建议，或者可能会告诉你为什么那些方法不起作用，并为你提供一个使用它的解决方案。相当肯定这不起作用，但会尝试。我应该添加哪一个div：0自动；to？Itay Ganor下面的回答向您展示了：p击败了我。他添加的200px填充是什么意思？所有这些都在下面的评论中解释了。编辑后的填充真正起什么作用。我甚至不明白200px是什么意思……作为它的名字，padding在
.flexsearch
边框（即文档的宽度）和内容之间添加了padding。您可以在上阅读更多有关CSS速记语法的信息。在我们的例子中，您希望div居中，因此需要对左侧和右侧使用相同的填充。这就是为什么需要编写
padding:00200px或
填充：0 200px 0 200px=>从顶部填充0，从左侧填充200px，从底部填充0，从右侧填充200px。明白了吗？：）@MikeyMikey您不需要为
添加填充。flexsearch
您可以删除该填充，然后添加
最大宽度：350px和
边距：0自动显然，您可以设置自己的最大宽度。例如，当然，效果相同。你可以使用任何适合你的需要或你的思维方式；-）@如果OP希望输入保持相同大小，则ItayCanor不相同。。。使用
填充
只是在每边保持200px的间距，而不是仅仅定位