搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

Getting tabs across full width of window

  • 6 回覆
  • 1 有這個問題
  • 57 次檢視
  • 最近回覆由 wendiwoman2

more options

When I have a handful of tabs open, they start scrolling off-screen, despite the fact that there is plenty of room on the tab bar. In fact, tabs never seem to populate the right 50% of the tab bar. I have found plenty of advice about how to set minimum and maximum sizes for the tabs themselves, but that is not my problem. I want to be able to see all of my tabs when there is plenty of room to show them. Any way to solve this?

被選擇的解決方法

Make sure you have width:100vw; property rules.

#TabsToolbar {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}


See also this forum response for updated CSS code for Firefox 89+:

從原來的回覆中察看解決方案 👍 0

所有回覆 (6)

more options

Hmm, does anything else seem to be using that empty space?

You can use the Customize panel to check whether there is some kind of spacer there (and remove it): Customize Firefox controls, buttons and toolbars.

有幫助嗎?

more options

Hi jscher2000. Thanks for replying. I checked the customize panel, and there isn't anything there that I can see. Here's a screenshot showing my tab bar, with about ten open tabs.

有幫助嗎?

more options

Hmm, moving the bar with userChrome.css? Perhaps there is a glitch with whatever maintains the width. Can you go back to the source of your rules and see whether there is an update for Firefox 96?

有幫助嗎?

more options

I think you are the right track. I temporarily renamed the userChrome.css file, and the tab bar went to full width, but of course, above the other toolbars. I'll dig into the contents of that file. Thanks for your help.

有幫助嗎?

more options

選擇的解決方法

Make sure you have width:100vw; property rules.

#TabsToolbar {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}


See also this forum response for updated CSS code for Firefox 89+:

有幫助嗎?

more options

Cor-el... That was it! One quick edit, and all is now well. Thank you so much.

有幫助嗎?

問個問題

如果您還沒有帳號,您必須先 登入您的帳號 來回覆文章。請 開始一個新問題