html – 动态调整div内的中心对齐按钮？

概述我有一个div,根据不同的场景可以有2个或4个按钮.我希望div内的按钮居中对齐.如何做到这一点.我在下面提交了我的代码. <div style="margin: 0 auto; width: 656px;"> <input type="submit" style="float:left;" value="Prev"/><input type="reset" value="Reset" 我有一个div,根据不同的场景可以有2个或4个按钮.我希望div内的按钮居中对齐.如何做到这一点.我在下面提交了我的代码.

<div >    <input type="submit"   value="Prev"/><input type="reset"  value="reset" />   <input type="submit"  value="submit" /><input  type="submit"  value="Close"/></div>

问题是它显示四个按钮时有效,但不适用于3,2和1按钮方案.如何在不指定宽度的情况下居中对齐？ Plz的帮助.

解决方法 您需要在容器元素上使用text-align：center.另外,避免使用内联样式……

<div >

Demo

Note: Make sure that you use text-align: left; if you have any text
insIDe that div else they will be centered as well.

正如你评论的那样,它看起来像是我的中心

你仍然不相信它们完全居中,我会调整容器的宽度,并告诉你它们是居中的….

有2个按钮

Note: Make sure you use CSS reset as well… So that you get consistent styles in all browsers though this should be centered regardless of resetting the styles.

总结

以上是内存溢出为你收集整理的html – 动态调整div内的中心对齐按钮？全部内容，希望文章能够帮你解决html – 动态调整div内的中心对齐按钮？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。