<5/22更新>FirefoxQuantum(66以降)でタブを多段にする超簡単な方法！

:root{ --multirow-n-rows: 5}

#tabbrowser-tabs{
min-height: unset !important;
padding-inline-start: 0px !important
}

/* Test for Firefox > 66 */
@supports (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
scrollbar-width: thin;
}
#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
}
}

/* Test for Firefox < 66 */
@supports not (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox{
min-height: unset !important;
}
#tabbrowser-tabs .scrollbox-innerbox{
display: flex;
flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
}
}

.tabbrowser-tab{ height: var(--tab-min-height); }
#tabbrowser-tabs .tabbrowser-tab[pinned]{
position: static !important;
margin-inline-start: 0px !important;
}

.tabbrowser-tab > stack{ width: 100%; height: 100% }

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{ display: none !important }

/* タブ幅の設定 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 170px !important;/* タブ幅の設定　最小値 デフォルト 76px */
max-width: 183px !important;/* タブ幅の設定　最大値 デフォルト 225px */
flex-grow: 1;

/* 上記の幅設定では、タブ幅は可変されます（minとmaxを一緒にすれば固定になります） */
}

/* タブの高さ・横幅設定 */
.tabbrowser-tab:not([pinned]) {
min-width: 170px !important;/* タブ幅の設定　最小値 デフォルト 76px */
max-width: 183px !important;/* タブ幅の設定　最大値 デフォルト 225px */
flex-grow: 1;
}