代码之家  ›  专栏  ›  技术社区  ›  graphicdivine

不间断括号?

  •  11
  • graphicdivine  · 技术社区  · 14 年前

    在一个灵活布局的网站的页脚,我注意到IE倾向于用括号字符换行(在本例中是电话号码)。有没有一个视觉上等价的不间断括号,类似于不间断空格和不间断连字符,我可以用它来代替?

    3 回复  |  直到 14 年前
        1
  •  10
  •   Álvaro González    14 年前

    试试这个:

    .phone{
        white-space: nowrap;
    }
    
    <p>Call Customer Support at <span class="phone">+34 (947) 12 34 56 78</span> for further enquiries.</p>
    

    你可以做很多其他的事情(从 <nobr> 标记为某些Unicode字符),但它们不像这样跨浏览器。

        2
  •  4
  •   Wes Reimer    9 年前

    我遇到这个问题时使用了复数处理方式,如“use r(s)”,即ie在r后面打断单词。您应该能够使用单词joiner character(&x2060;),但在我使用ie11进行的测试中,只有不推荐使用的零宽度不打断空格字符起作用:

    user&#xFEFF;(s)
    
        3
  •  2
  •   Alex    10 年前

    我也遇到过同样的问题;以下是一个有效的解决方案:

    The number to call is: (423)&nbsp;276&mdash;0000
    

    根据unicode标准(特别是uax 14),换行符 不允许在不间断空格之前或之后使用。因此, 可以防止浏览器在括号中换行。在这两种情况下,区号和电话号码之间留一个空格都不会有坏处。