css - 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;