【问题标题】:Why are some browsers considering "n°" as 2 different words and how can I prevent word break?为什么有些浏览器将“n°”视为 2 个不同的词,如何防止断词?
【发布时间】:2017-01-03 00:50:36
【问题描述】:

我必须显示一个包含“n°######”的字符串,其中# 是随机数。

Chrome 和 Safari 会在必要时断开 n 和 ° 之间的单词。例如,Firefox 不这样做。

知道word-break 属性在这里没有帮助,知道如何防止这种情况发生。

【问题讨论】:

    标签: css google-chrome firefox safari


    【解决方案1】:

    你可以:

    1. 将您的 n°###### 字符串包装在 <span></span> 中,并对其应用 white-space: nowrap;
    2. 将学位符号 (°) 替换为不会破坏文本的上标 0 ()。

    【讨论】:

    • 我忘了添加,我被生成的包含数字的字符串卡住了,所以不可能插入跨度。
    • 您可以使用正则表达式替换插入跨度。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-09-14
    • 2020-12-09
    • 1970-01-01
    • 2017-06-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多