一个标签在chrome中分成两行，为什么？

Question

我解决了一个有趣的问题 - 如果你看看这个页面：http://www.cinemaxx.dk/koebenhavn/events/date-night/

然后看看痕迹，然后链接/单词“Date Night”分成两行，但是，没有定义元素的固定宽度，并设置为显示：inline-block

它适用于FF，IE，Safari，但不适用于Chrome，我无法弄清楚为什么，所以希望有所帮助？ :)

Answer 1

你可以给予

white-space:nowrap;

css到你的链接，我尝试它会正常工作。

Answer 2

删除此样式：

nav.breadcrumb a:last-child:after {
    content: '';
}

它应该可以正常工作。

注意：如果您要删除最后一个星标，请将:not与:last-child选择器一起使用。