如何阻止文本在长破折号之前中断到另一行?

Question

与这个问题相似但不同： 如何阻止长破折号自行换行？

我有一个很大的网站，有很多H1。在这些标题的末尾必须有一个全角破折号(最后一个字母和全角破折号之间没有字母空格(。

我有当前的代码，但是当浏览器窗口变小时，连字符之前的文本行中断 - 将连字符移动到新行。这显然看起来很可怕。有没有办法阻止这种情况，以便最后一个单词和 em 破折号移动到新行？不必在最后一个单词周围添加跨度(见其他帖子(？

h1::after {
content: "2014";
white-space: nowrap;
}

我什至不确定如何添加 em 破折号："/2014"是正确的方法吗？

Firefox 和 Safari 在 em dash 之前不会中断，但 Chrome 会！

Answer 1

使其宽度等于0并考虑一些余量来纠正溢出：

h1::after {
content: "2014";
display:inline-block;
width:0;
}
h1 {
margin-right:1em;
}

<h1>XYZ consultancy is super great and brilliant</h1>