我想在容器 DIV 中对齐 2 个按钮，但不知何故这对我不起作用。我放了一个图片的链接，我想要它和 JSfiddle，所以你可以看看。重要的是按钮始终居中（水平和垂直，因为这必须是移动响应页面。
</div><div id="container"><div id="left">
取消 确认
外观：http://jsfiddle.net/gzg49xwx/1/
它应该是什么样子：
非常感谢大家
【问题讨论】：
标签： android html css button alignment
如果您可以在项目中使用flexbox，那么这个demo(http://jsfiddle.net/aatc9gqt/1/) 可能会对您有所帮助。
基本上，我所做的只是将display:flex; 添加到您的#container，并为您的#left 和#right div 设置50% 的宽度和一些重新定义的边距。
免责声明：某些移动设备可能存在flexbox 的问题。查看您的项目要求是什么，并查看here 的兼容性。看起来它在 iOS 7.1 及更高版本和 Android 4.1 及更高版本中受支持
【讨论】：
您正在浮动两个按钮。发生这种情况时，它们会脱离正常的内容流。就您的灰色容器而言，它们不占用任何空间。
要解决此问题，您需要添加所谓的 clearfix 以使您的灰色容器可以响应它们，就好像它们不是浮动的一样，即占用容器中的空间。
我喜欢micro clearfix by Nicolas Gallagher。
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
将上面的 clearfix 添加到您的#container。
<div id="container" class="cf"></div>
查看您更新的 jsFiddle：http://jsfiddle.net/gzg49xwx/2/
这是list of other clearfix solutions。
我会让你摆弄适当的比例、填充、边距等。
【讨论】：