ios显示button文字与android显示button文字不一致

Question

button设置宽，高，android正常显示 已超时 三个字；ios只显示 已超 两个字
<button class="timeOutbutton" v-show="o.timeout">已超时</button>
<style>
.timeOutbutton{
width: 50px;
height: 15px;
font-size: 11px;
border: solid 1px #ff001f;
border-radius: 5px;
background-color: #ff001f;
color: #ffffff;
margin-left: 10px;
}
</style>

求如何ios显示button和android显示的button一致 都可完全显示已超时

Answer 1

1. *{padding:0;margin:0} 去掉各个浏览器特定样式
2. 既然不想换行 white-space: nowrap; 咯