html - iOS在HTML中导致不必要的换行

我目前正在一个在导航栏中具有电话号码的网站上工作。由于某种原因，电话号码在我的iPad上分为两行（这是我仅有的IOS设备，但我认为所有这些设备都相同）。电话号码在我尝试过的所有其他设备上正确显示。我已经尝试过几乎所有可以想到的解决方案，包括CSS显示属性，空白属性和div宽度。

它的外观（以及在其他所有设备上的外观）

办公电话：[phone]

紧急电话：[phone]

在iOS上的外观

办公室：

[phone]

紧急情况：

[phone]

我相信数字有些混乱。如果我将数字替换为一个句子，那么所有内容将在2行中按原样出现。我试过删除：和（）以及空格。只要数字保持不变，似乎没有任何办法可以解决此问题。

.phone-number {
	position: fixed;
	top: 10px;
	right: 4%;
	font-size: 1.2em;
	text-align: right;
	display: inline;
	font-family: 'lemonade_icgbold', cursive;
}

<div class="phone-number">
    Office: [phone]<br>
    Emergency: [phone]
</div>

非常感谢您的帮助！

基南

最佳答案

尝试将字符串放入标签中。例如：

<div class="phone-number">
<p>Office: [phone]<br></p>
<p>Emergency: [phone]<p>
</div>

关于html - iOS在HTML中导致不必要的换行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29040919/