Safari中不需要的单词分解

Question

按钮中的文字在Safari中分为两行 - 但在Chrome和Firefox中没有，请参阅屏幕截图。使用CSS属性break-word：keep-all;似乎不起作用。

有任何建议如何解决这个问题？

不好：

好：

CSS代码：

.button {
font-size: 1.5em;
padding: 0em 0.6em 0.1em 0.6em;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 24px;
width: auto;
text-decoration:none;
display: inline-block;
border: none;
border-radius: 1em;
background-color: #4ca8da;
background-repeat: no-repeat;
font-family: 'Populaire';
font-weight: normal;
font-style: normal;
color: white;
text-align: left; }

Answer 1

white-space: nowrap;应该修复它。

Further information