iPad将按钮文本分成两行

Question

以下代码在iPad之外的任何地方都能正常工作，其中按钮中的文本分为两行：

.sign_up {
  background: url('../images/submit_button.png') no-repeat 0 0;
  border: 0;
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  margin-left: 12px;
  width: 110px;
  height: 34px;
}

sign_up类已经被赋予了按钮元素，其中包含“添加其他”作为文本。

但是，在iPad上，“其他人”最终会出现在第二行。

Answer 1

使用 -

重置iPad按钮默认样式

button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

Answer 2

添加css white-space:nowrap;