html – 动态调整div内的中心对齐按钮?
发布时间:2020-12-14 16:44:17 所属栏目:资源 来源:网络整理
导读:我有一个div,根据不同的场景可以有2个或4个按钮.我希望div内的按钮居中对齐.如何做到这一点.我在下面提交了我的代码. div style="margin: 0 auto; width: 656px;" input type="submit" style="float:left;" value="Prev"/input type="reset" value="Reset" s
我有一个div,根据不同的场景可以有2个或4个按钮.我希望div内的按钮居中对齐.如何做到这一点.我在下面提交了我的代码.
<div style="margin: 0 auto; width: 656px;"> <input type="submit" style="float:left;" value="Prev"/><input type="reset" value="Reset" style="float:left;"/> <input type="submit" value="Submit" style="float:left;"/><input style="float:left;" type="submit" value="Close"/></div> 问题是它显示四个按钮时有效,但不适用于3,2和1按钮方案.如何在不指定宽度的情况下居中对齐? Plz的帮助. 解决方法
您需要在容器元素上使用text-align:center.另外,避免使用内联样式……
<div style="margin: 0 auto; width: 656px; text-align: center;"> Demo
正如你评论的那样,它看起来像是我的中心 你仍然不相信它们完全居中,我会调整容器的宽度,并告诉你它们是居中的…. 有2个按钮
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |