Answers:
TabMixPlus允许多行标签栏。
它将允许您选择要显示的最大行数。
不完全是您问题的答案,但是我发现“ 树样式”选项卡非常有用。以一定的宽度获得一定的高度和顺序。
编辑:我现在正在使用一种不同的方法,此答案中所述:https : //superuser.com/a/1352233/260948
要使选项卡位于固定大小的多行中而没有图标,请执行以下操作。在Linux Fedora上的Firefox 57至61上进行了测试,而无需安装tab mix plus。所有学分归功于以下职位:
https://www.reddit.com/r/firefox/comments/726p8u/multirow_tabs_firefox_ignores_mozboxflex/dngb8qf/
https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/
如果您不想从选项卡中删除图标,请从我们要编写的文件中省略以下两行:
/* Tabs: no icons */
.tabbrowser-tabs .tab-icon-image { display: none !important; }
因此,让我们开始吧。
关闭Firefox。
在Linux上,创建以下文件夹,其中每台计算机上的RANDOMCHARACTERS都不同:
~/.mozilla/firefox/RANDOMCHARACTERS.default/chrome/
在Windows 7上,创建以下文件夹,其中YOURUSERNAME是您的用户名,而RANDOMCHARACTERS在每台计算机上都不同:
C:\Users\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\RANDOMCHARACTERS.default\chrome\
在Windows的旧版本中,该文件夹为:
C:\Documents and Settings\YOURUSERNAME\Application Data\Mozilla\Firefox\Profiles\RANDOMCHARACTERS.default\chrome\
在Linux或Windows上的上述文件夹中,创建一个名为userChrome.css的文件
它必须是纯文本。这意味着您应该使用vi或kwrite或nano或记事本创建它。
在该userChrome.css文件中,写入以下所有文本。然后保存,就是这样。请享用 :)
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/* Tabs: no icons */
.tabbrowser-tabs .tab-icon-image { display: none !important; }
/* all the following is to have multiple rows of tabs */
/*
The class .tabbrowser-tabs has been replaced with id #tabbrowser-tabs
changed selectors accordingly
*/
.tabbrowser-tab:not([pinned]) {
flex-grow:1;
min-width:150px !important; /* Needed important tag, width can be whatever you like */
max-width: 150px !important; /* Makes the tabs always fill the toolbar width */
}
.tabbrowser-tab,.tab-background {
height:var(--tab-min-height);
}
.tab-stack {
width: 100%;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}
#titlebar,#titlebar-buttonbox{
height:var(--tab-min-height) !important;
}
#titlebar{
margin-bottom:calc(var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #titlebar{
margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #TabsToolbar{
margin-left:var(--tab-min-height);
}
#titlebar:active{
margin-bottom:0 !important;
}
#titlebar:active #titlebar-content{
margin-bottom:var(--tab-min-height) !important;
}
#tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){
display: none;
}
/* This enables maximum width before scrollbar is shown */
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}
#tabbrowser-tabs .scrollbox-innerbox {
max-height: none;
overflow-y:auto;
}