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

Question

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

看看面包屑，然后链接/单词“约会之夜”分成两行，但是，没有定义元素的固定宽度，它被设置为 display:inline-block

它在 FF、IE、Safari 中运行良好，但在 Chrome 中运行良好，我不知道为什么，所以希望得到一些帮助？:)

Answer 1

你可以给

white-space:nowrap;

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

Answer 2

删除此样式：

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

那么它应该可以正常工作。

注意：如果要删除最后一个星号，请使用:not和:last-child选择器。