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

时间:2015-03-13 19:58:30

标签: html ios css line-breaks

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

它的外观(以及其他所有设备上的内容)

办公室:(555)555-5555

紧急情况:(555)555-5554

它在IOS上的表现

办公室:

(555)555-5555

紧急情况:

(555)555-5554

我相信这些数字还有些可疑。如果我用句子替换数字,则所有内容都应显示为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: (555) 555-5555<br>
    Emergency: (555) 555-5554
</div>
&#13;
&#13;
&#13;

我真的很感谢你的帮助!

基南

1 个答案:

答案 0 :(得分:0)

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

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