阅读:2477回复:8
怎么实现双排标签页????
有时会同时打开很多标签,排成一排,显示得太小了,有没有可以标签过多自动排成双排的扩展或者脚本。。。。。。
|
|
最新喜欢:![]() |
1楼#
发布于:2018-12-14 22:42
we暂时不支持多行标签页,现有we的扩展是做不到的
|
|
|
2楼#
发布于:2018-12-15 10:03
啊…………………………
|
|
3楼#
发布于:2019-10-22 21:48
这个已可以通过userchrome.css来解决了。
|
|
4楼#
发布于:2019-10-23 10:09
|
|
5楼#
发布于:2019-10-24 11:26
.tabbrowser-tab:not([pinned]) { flex-grow:1; min-width:50px; }
.tabbrowser-tab,.tab-background { height:30px; } .tab-stack { width: 100%; } #tabbrowser-tabs .scrollbox-innerbox { display: flex; flex-wrap: wrap; } #tabbrowser-tabs .arrowscrollbox-scrollbox { overflow: visible; display: block; } #main-window[sizemode=“maximized”] #TabsToolbar{ margin-left:var(–tab-min-height); } #tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){ display: none; } 将上述代码写入userchrome.css中即可实现,70版试验通过。 |
|
6楼#
发布于:2019-10-29 17:17
infinity:分享一下代码呗回到原帖/* Firefox Quantum userChrome.css tweaks ************************************************/ /* Github: https://github.com/aris-t2/customcssforfx ************************************/ /****************************************************************************************/ /****************************************************************************************/ /* multirow / multiple tab lines - modified for CustomCSSforFx **************************/ /* all credits go to the original authors: **********************************************/ /* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/ /* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */ /****************************************************************************************/ /* NOTE ********************************************************************************/ /* Variables are set inside '.\config\' folders CSS files, if complete package is used! */ :root{ --tabs-lines: 4; --tab_min_width_mlt: 80px; --tab_max_width_mlt: 200px; --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */ } #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_mlt) * var(--tabs-lines)); } #tabbrowser-tabs > .tabbrowser-arrowscrollbox { overflow: -moz-hidden-unscrollable; display: block; margin-bottom:-1px !important; } } /* 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_mlt); } #tabbrowser-tabs .tabbrowser-tab[pinned]{ position: static !important; margin-inline-start: 0px !important; } .tabbrowser-tab[fadein]:not([pinned]) { flex-grow: 1; min-width: var(--tab_min_width_mlt) !important; max-width: var(--tab_max_width_mlt) !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-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button, #tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > .tabs-newtab-button, #TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button { visibility: hidden !important; } /* hide private window indicator, window controls and titlebar placeholders */ #main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator, #main-window[tabsintitlebar] #TabsToolbar #window-controls, #main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"], #main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] { display: none !important; } #TabsToolbar .titlebar-placeholder[type="pre-tabs"], #TabsToolbar .titlebar-placeholder[type="post-tabs"] { opacity: 0 !important; } /* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */ .tabbrowser-tab::after, .tabbrowser-tab::before { border-left: unset !important; border-image: unset !important; border-image-slice: unset !important; border: 0 !important; } /* Fx66+ tab close fix */ #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button { visibility: hidden !important; display: block !important; } #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button { visibility: hidden !important; display: block !important; -moz-margin-start: -18px !important; } /* fix scrollbar */ #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag !important; } /*lw theme fix */ #main-window[style*='--lwt-header-image']:-moz-lwtheme { background: var(--lwt-header-image) !important; background-repeat: repeat-y !important; } |
|
|
7楼#
发布于:2019-11-01 08:23
点球射飞:/* Firefox Quantum userChrome.css tweaks ************************************************/十分感谢! |
|
8楼#
发布于:2019-11-08 11:36
小白问下,chrome.css文件在哪?找不到。我用的是portable版本的,这个应该在这个移动版的目录内的吧?
|
|