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：垂直分隔符包裝了酒吧的內容

回答

相關問題