按钮在 Safari 中未居中对齐
Button not center align in Safari
仅在 Safari 浏览器中按钮未居中对齐。
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;
}
以上问题只是在Safari 中出现。在 Chrome 和 Firefox 中它工作正常。
如果您没有为 btn 设置宽度:
- parent -
text-align: center
- 按钮 child - 使用
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>
仅在 Safari 浏览器中按钮未居中对齐。
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;
}
以上问题只是在Safari 中出现。在 Chrome 和 Firefox 中它工作正常。
如果您没有为 btn 设置宽度:
- parent -
text-align: center
- 按钮 child - 使用
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>