Html 一个标签在chrome中断为两行,为什么?

Html 一个标签在chrome中断为两行,为什么?,html,css,frontend,Html,Css,Frontend,我遇到了一个有趣的问题——如果你看看这页: 看看面包屑,然后链接/单词“Date Night”分成两行,但是,没有定义元素的固定宽度,它被设置为显示:inline block 它在FF、IE、Safari中运行良好,但在Chrome中却不行,我也不明白为什么,希望能得到一些帮助?:) 删除此样式: 那就行了 注意:如果要删除最后一颗星,请与选择器一起使用。删除此样式: 那就行了 注意:如果要删除最后一颗星,请与选择器一起使用。您可以给出 white-space:nowrap; css链接到您的

我遇到了一个有趣的问题——如果你看看这页:

看看面包屑,然后链接/单词“Date Night”分成两行,但是,没有定义元素的固定宽度,它被设置为显示:inline block

它在FF、IE、Safari中运行良好,但在Chrome中却不行,我也不明白为什么,希望能得到一些帮助?:)

删除此样式:

那就行了

注意:如果要删除最后一颗星,请与选择器一起使用。

删除此样式:

那就行了

注意:如果要删除最后一颗星,请与选择器一起使用。

您可以给出

white-space:nowrap;
css链接到您的链接,我会尝试,它会很好地工作。

您可以

white-space:nowrap;

css到您的链接,我尝试了,它会很好地工作。

似乎计算的宽度是在a:after类应用于padding-left之前计算的。似乎计算的宽度是在a:after类应用于padding-left之前计算的。