我目前正在使用导航栏中包含电话号码的网站。出于某种原因,我的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;
我真的很感谢你的帮助!
基南
答案 0 :(得分:0)
尝试将字符串放在标记中。例如:
<div class="phone-number">
<p>Office: (555) 555-5555<br></p>
<p>Emergency: (555) 555-5554<p>
</div>