Question

我目前正在使用导航栏中包含电话号码的网站。出于某种原因，我的ipad上的电话号码分为2行（这是我唯一拥有的IOS设备，但我认为它们在所有设备上都是相同的）。电话号码在我尝试的其他所有设备上都能正确显示。我已经尝试了几乎所有我能想到的解决方案，包括CSS显示属性，空白属性和div宽度。

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

办公室：（555）555-5555

紧急情况：（555）555-5554

它在IOS上的表现

办公室：

（555）555-5555

紧急情况：

（555）555-5554

我相信这些数字还有些可疑。如果我用句子替换数字，则所有内容都应显示为2行。我试过删除：和（）以及空格。只要数字仍然存在，似乎没有什么能解决这个问题。

＆＃13;

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

＆＃13;

<div class="phone-number">
    Office: (555) 555-5555<br>
    Emergency: (555) 555-5554
</div>

＆＃13;

我真的很感谢你的帮助！

基南

Answer 1

尝试将字符串放在标记中。例如：

<div class="phone-number">
<p>Office: (555) 555-5555<br></p>
<p>Emergency: (555) 555-5554<p>
</div>

IOS在HTML中导致不需要的换行符

1 个答案: