CSS topbar：垂直分隔符包装了酒吧的内容

我用HTML和CSS的顶栏制作了一个网站。现在我想在顶栏中的一些图标之间添加一个垂直分隔符，但它不起作用。首先，当我添加分隔符div时，它只显示前三个图标，但不显示分隔符或其他图标。比我添加display: inline;到#topbar它使分隔符和其他图标可见，但在顶栏下方。我也试过把white-space: nowrap;加到#topbar但是没有效果。CSS topbar：垂直分隔符包装了酒吧的内容

如何让顶栏中的所有内容都显示在一行中？

下面是HTML和CSS： https://jsfiddle.net/op28oohx/

来源

2016-08-05 Alexander

这是你期待什么？

的jsfiddle：https://jsfiddle.net/gpkmm360/

新增display: inline-block到topbar和separator

来源

2016-08-05 17:51:05 kukkuz

非常感谢您！ – Alexander

很酷...请问您能接受吗？谢谢！ :) – kukkuz

我试过了，但它说“你在2分钟内不能接受答案。”但我会在2分钟内接受它。 – Alexander

CSS topbar：垂直分隔符包装了酒吧的内容

回答

相关问题