按钮不在Safari在Safari浏览器中心对齐

Question

按钮不居中对齐

JSFIddle

HTML

<div class="" style=" width: 100%; "> 
    <input value="Button" class="center-block" type="submit" style=""/> 
</div> 

CSS

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

以上公关oblem刚进来的Safari浏览器中，Chrome和Firefox这是

Answer 1

，如果你不设置BTN宽度：

1. 父 - text-align: center
2. 按钮子 - 使用display:inline-block代替display: block

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

<div class="wrap"> 
 
    <input value="Button" class="center-block" type="submit" /> 
 
</div>