CSS topbar: 垂直分隔符包裹栏的内容
CSS topbar: vertical separator wraps the content of the bar
我在 HTML 和 CSS 中创建了一个带有顶栏的网站。现在我想在顶部栏中的一些图标之间添加一个垂直分隔符，但它不起作用。
首先，当我添加 separator-div 时，它只显示前三个图标，但既不显示分隔符也不显示其他图标。
比我将 display: inline; 添加到 #topbar 中，这使得分隔符和其他图标可见但位于顶部栏下方。
我也尝试将 white-space: nowrap; 添加到 #topbar 但它没有效果。
如何让顶部栏中的所有内容都显示在一行中？
这里是 HTML 和 CSS：
https://jsfiddle.net/op28oohx/
这是您期望的吗？
jsfiddle: https://jsfiddle.net/gpkmm360/
已将 display: inline-block 添加到 topbar 和 separator
我在 HTML 和 CSS 中创建了一个带有顶栏的网站。现在我想在顶部栏中的一些图标之间添加一个垂直分隔符，但它不起作用。
首先，当我添加 separator-div 时，它只显示前三个图标，但既不显示分隔符也不显示其他图标。
比我将 display: inline; 添加到 #topbar 中，这使得分隔符和其他图标可见但位于顶部栏下方。
我也尝试将 white-space: nowrap; 添加到 #topbar 但它没有效果。
如何让顶部栏中的所有内容都显示在一行中？
这里是 HTML 和 CSS： https://jsfiddle.net/op28oohx/
这是您期望的吗？
jsfiddle: https://jsfiddle.net/gpkmm360/
已将 display: inline-block 添加到 topbar 和 separator