而不是讓他們靜居中標題按鈕/絕對

我目前正在創建一個固定的頭，看起來有點像這樣。而不是讓他們靜居中標題按鈕/絕對

標誌總是在左邊，小釦子總是在正確的，並在中間的菜單按鈕。我給了標誌左：0，使用該文本下面的代碼菜單按鈕和小按鈕右側：0

left: 50%; 
transform: translateX(-50%);

我希望發生什麼：在中間的按鈕總是集中直至其中一個東西在側面（標誌或小按鈕）推到別的地方。當酒吧變得太小時，所有的東西都會被推到右邊，但是這隻有在所有的空間都滿了時纔會發生。（在這一點上我的移動佈局將激活）

這裏的問題是：當屏幕變得太小，出現這種情況： https://gyazo.com/044c02f056fd7d76d34cf4e1a912af45

我的第二次嘗試使用直列彎曲。這是我嘗試使用的代碼（適用於整個頭）：

display: inline-flex; 
position: fixed; 
justify-content: space-between; 
flex-flow: nowrap; 
white-space: nowrap; 
overflow: hidden;

這裏的問題就是，左邊的標誌是比右邊的小按鈕更大了，因爲我使用天中間按鈕之間的默認偏離。

（這不是在這張照片是明確的，但他們是definitly偏心） https://gyazo.com/e9f89e7918dc1f2d3059b1938b62536d

是否有彎曲我錯過了一些選項？還是有更好的方法來解決這個問題？

編輯：一個朋友建議我添加一個不可見元素的小按鈕上的權利，這是完全足夠寬以保持中間按鈕在中間。儘管如此，由於不可見的元素，它仍然有一些空白。

2016-11-08 Jonathan

你能夠在平等最小寬度增加了標識和小按鈕，這樣，剩下的空間分佈均勻。

2016-11-08 17:41:04 Gelgamek

這差不多是我的朋友建議（見編輯），但它確實有點整潔使用最小寬度。它仍然不完美，因爲最小寬度添加的空白被浪費了。如果沒有更好的答案提交，我會很快跟上這個。 – Jonathan

問題是按鈕裏面的話是不同長度的，所以它會一直「看」了。我只有其他建議是爲每個按鈕添加一個最小寬度並居中文本。 – Gelgamek

回答