搜尋 Mozilla 技術支援網站

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

了解更多

Center tab font vertically

  • 3 回覆
  • 1 有這個問題
  • 3 次檢視
  • 最近回覆由 noel_envode

more options

I found this post at https://support.mozilla.org/en-US/questions/1185760

and adapted the code, but I would still like to slightly adjust/center the font vertically, since it currently sits on the bottom border cutting off certain letters

/* Tab bar: adjust height */
/* Squash tab bar to 4px unless a tab is hovered */
#TabsToolbar, 
#TabsToolbar .tabbrowser-tab[selected] {
  height: 19px !important; /* 29px compact, 33px normal, YMMV */
  min-height: 19px !important;
  max-height: 19px !important;
}
I found this post at https://support.mozilla.org/en-US/questions/1185760 and adapted the code, but I would still like to slightly adjust/center the font vertically, since it currently sits on the bottom border cutting off certain letters <pre><nowiki>/* Tab bar: adjust height */ /* Squash tab bar to 4px unless a tab is hovered */ #TabsToolbar, #TabsToolbar .tabbrowser-tab[selected] { height: 19px !important; /* 29px compact, 33px normal, YMMV */ min-height: 19px !important; max-height: 19px !important; }</nowiki></pre>
附加的畫面擷圖

由 cor-el 於 修改

所有回覆 (3)

more options
/* Tab bar: adjust height */ 
#TabsToolbar .tabbrowser-tab[selected] {
  height: 19px !important; /* 29px compact, 33px normal, YMMV */
  min-height: 19px !important;
  max-height: 19px !important;
}

由 cor-el 於 修改

more options

You can add some padding to move up the text one or more pixels.

#TabsToolbar .tabbrowser-tab .tab-label {
  padding-bottom: 1px !important;
}
more options

cor-el said

You can add some padding to move up the text one or more pixels.
#TabsToolbar .tabbrowser-tab .tab-label {
  padding-bottom: 1px !important;
}

I tried altering the number, but it had no effect