html – 在Safari中按钮不居中对齐

概述按钮未居中对齐仅在Safari浏览器中. JSFIddle HTML <div class="" style=" width: 100%; "> <input value="Button" class="center-block" type="submit" style=""/></div> CSS .center-block {display: block;margin-right 按钮未居中对齐仅在Safari浏览器中.

JSFIddle

HTML

<div  >    <input value="button"  type="submit" /></div>

CSS

.center-block {display: block;margin-right: auto;margin-left: auto;}

以上问题刚出现在Safari中.在Chrome和firefox中它运行正常.

解决方法 如果你没有为btn设置宽度：

> parent – text-align：center
> button child – use display：inline-block而不是display：block

.wrap {    text-align: center;}.center-block {    display: inline-block;}

<div >    <input value="button"  type="submit" /></div>

总结

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

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