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

火狐和其他浏览器之间的连字符和区别

  •  3
  • cbp  · 技术社区  · 15 年前

    并似乎呈现一个连字符   与其他浏览器不同。下面是一些演示问题的测试代码:

    <html>
    <body>
        <div style="border: 1px solid blue;width: 50px">
            This text can break. Do&nbsp;not&nbsp;-&nbsp;break&nbsp;this&nbsp;text.
        </div>
    </body>
    </html>
    

    注意,在Firefox中,第二个句子不会中断,但在Chrome和IE中,它会在连字符处中断。

    是否有人知道一个好的解决方法,以便不发生中断?

    2 回复  |  直到 15 年前
        1
  •  6
  •   naivists    15 年前

    问题是代码中的“减号”允许中断。 有很多方法可以用HTML编写“横线”。 &ndash; , &mdash; , - . 有 "A list apart" article 描述所有可能的方法。

    但也存在一些特定的Unicode字符,它们的码位号可以使用这些字符。其中一个是“不间断连字符”,可以这样写: &#8209; .

    我在您的示例中尝试过使用它,但现在文本没有中断。

        2
  •  0
  •   cbp    15 年前

    奈维斯特有答案,但我最后还是用了CSS 空白:nowrap;